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 | da0b49f48a8e18fb19281d03b910342e05ffe649 (patch) | |
| tree | f8a57de064878bccc7d9ce7ef084ec69d2b5f1ed /FrontEnd/src | |
| parent | f430f4177511e697cb3debb342b134eb292f426c (diff) | |
| download | timeline-da0b49f48a8e18fb19281d03b910342e05ffe649.tar.gz timeline-da0b49f48a8e18fb19281d03b910342e05ffe649.tar.bz2 timeline-da0b49f48a8e18fb19281d03b910342e05ffe649.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 |