diff options
| author | crupest <crupest@outlook.com> | 2020-11-03 22:17:20 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2020-11-03 22:17:20 +0800 |
| commit | 1ecd77cf83049792d0d6380f0f65f9400e78c403 (patch) | |
| tree | e5264b55769cceac3ec53668ba8c044efbe61c15 /FrontEnd/src/app/views/user | |
| parent | a69ee3f38432af653ed96efd96f5f7682b3ebf24 (diff) | |
| download | timeline-1ecd77cf83049792d0d6380f0f65f9400e78c403.tar.gz timeline-1ecd77cf83049792d0d6380f0f65f9400e78c403.tar.bz2 timeline-1ecd77cf83049792d0d6380f0f65f9400e78c403.zip | |
feat: Add title to timeline.
Diffstat (limited to 'FrontEnd/src/app/views/user')
| -rw-r--r-- | FrontEnd/src/app/views/user/UserInfoCard.tsx | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/FrontEnd/src/app/views/user/UserInfoCard.tsx b/FrontEnd/src/app/views/user/UserInfoCard.tsx index 888fb18a..e4edd80d 100644 --- a/FrontEnd/src/app/views/user/UserInfoCard.tsx +++ b/FrontEnd/src/app/views/user/UserInfoCard.tsx @@ -35,8 +35,12 @@ const UserInfoCard: React.FC<UserInfoCardProps> = (props) => { collapse={collapse} toggleCollapse={toggleCollapse} > - <div> - <BlobImage blob={avatar} className="avatar" /> + <h3 className="text-primary mx-3 d-inline-block align-middle"> + {timeline.title} + <small className="ml-3 text-secondary">{timeline.name}</small> + </h3> + <div className="align-middle"> + <BlobImage blob={avatar} className="avatar small rounded-circle mr-3" /> {timeline.owner.nickname} <small className="ml-3 text-secondary"> @{timeline.owner.username} |