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 | fc3c2de7b4f431f0edcabb5ead2a2e1aa79d665a (patch) | |
| tree | 92a0f98cde935b5408e5958f8070d1021eb1ef3c /FrontEnd/src/app/views/user/UserInfoCard.tsx | |
| parent | f3236eaf28c878db2b45377ac8805b014960c662 (diff) | |
| parent | d308724286d7d34f71490999b656160e439bfc9f (diff) | |
| download | timeline-fc3c2de7b4f431f0edcabb5ead2a2e1aa79d665a.tar.gz timeline-fc3c2de7b4f431f0edcabb5ead2a2e1aa79d665a.tar.bz2 timeline-fc3c2de7b4f431f0edcabb5ead2a2e1aa79d665a.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} |