diff options
| author | crupest <crupest@outlook.com> | 2020-11-03 22:56:16 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-11-03 22:56:16 +0800 |
| commit | f3503b399ff7b65f363beca313c8a0c336884bec (patch) | |
| tree | 8bd10736c4cd51ff13b101b90e77d1d09ab4cdfa /FrontEnd/src/app/views/user/UserInfoCard.tsx | |
| parent | 7acaffc977bc9ad3ba43c7808c1ea973a8144767 (diff) | |
| parent | 82b366ea89342593ec1bcde3441c0f2f06eb4649 (diff) | |
| download | timeline-f3503b399ff7b65f363beca313c8a0c336884bec.tar.gz timeline-f3503b399ff7b65f363beca313c8a0c336884bec.tar.bz2 timeline-f3503b399ff7b65f363beca313c8a0c336884bec.zip | |
Merge pull request #162 from crupest/front
Add timeline title to front end.
Diffstat (limited to 'FrontEnd/src/app/views/user/UserInfoCard.tsx')
| -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} |