From da0b49f48a8e18fb19281d03b910342e05ffe649 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Sun, 14 Feb 2021 23:51:29 +0800
Subject: fix: Enhance AppBar.

---
 FrontEnd/src/app/index.sass              | 3 +++
 FrontEnd/src/app/views/common/AppBar.tsx | 3 ++-
 2 files changed, 5 insertions(+), 1 deletion(-)

(limited to 'FrontEnd/src')

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
-- 
cgit v1.2.3