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 | af8c7de13bcaa0bf1b413966c914974eca079b4d (patch) | |
| tree | 3765164b8afad8cc2594d3111d5f82d3afe88a74 /FrontEnd/src/app/views/user | |
| parent | c01964d51c2f2f7ee8f07e857fd4a7292b048905 (diff) | |
| download | timeline-af8c7de13bcaa0bf1b413966c914974eca079b4d.tar.gz timeline-af8c7de13bcaa0bf1b413966c914974eca079b4d.tar.bz2 timeline-af8c7de13bcaa0bf1b413966c914974eca079b4d.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} |