diff options
| author | crupest <crupest@outlook.com> | 2021-02-14 23:51:29 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-02-14 23:51:29 +0800 |
| commit | 00c67978d4e081f0dd391f230353a77a68ed219d (patch) | |
| tree | 0bfaf91ac6514f7e57429c0aa58ba0ef83a94326 /FrontEnd/src | |
| parent | fc02aab3840cea65b6fa4ec62057b8db9f0ca4a2 (diff) | |
| download | timeline-00c67978d4e081f0dd391f230353a77a68ed219d.tar.gz timeline-00c67978d4e081f0dd391f230353a77a68ed219d.tar.bz2 timeline-00c67978d4e081f0dd391f230353a77a68ed219d.zip | |
fix: Enhance AppBar.
Diffstat (limited to 'FrontEnd/src')
| -rw-r--r-- | FrontEnd/src/app/index.sass | 3 | ||||
| -rw-r--r-- | FrontEnd/src/app/views/common/AppBar.tsx | 3 |
2 files changed, 5 insertions, 1 deletions
diff --git a/FrontEnd/src/app/index.sass b/FrontEnd/src/app/index.sass index 3bd1385e..39dce693 100644 --- a/FrontEnd/src/app/index.sass +++ b/FrontEnd/src/app/index.sass @@ -27,10 +27,13 @@ small .avatar
width: 60px
+ height: 60px
&.large
width: 100px
+ height: 100px
&.small
width: 40px
+ height: 40px
.icon-button
font-size: 1.4rem
diff --git a/FrontEnd/src/app/views/common/AppBar.tsx b/FrontEnd/src/app/views/common/AppBar.tsx index e682a308..da39e09b 100644 --- a/FrontEnd/src/app/views/common/AppBar.tsx +++ b/FrontEnd/src/app/views/common/AppBar.tsx @@ -36,6 +36,7 @@ const AppBar: React.FC = (_) => { </LinkContainer> <Navbar.Toggle onClick={toggleExpand} /> + <Navbar.Collapse> <Nav className="mr-auto"> <NavLink @@ -66,7 +67,7 @@ const AppBar: React.FC = (_) => { </NavLink> )} </Nav> - <Nav className="ml-auto mr-2 align-items-center"> + <Nav className="ml-auto md-mr-2"> {user != null ? ( <LinkContainer to={`/users/${user.username}`}> <UserAvatar |