diff options
| author | Henry Jameson <me@hjkos.com> | 2020-10-20 22:13:19 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2020-10-20 22:13:19 +0300 |
| commit | b19c2eb0fb45aca4f4a59c4afacaffddf695987d (patch) | |
| tree | 309aa7425bd839f70ffe4e811b6f3f38a22f1978 /src/components/mobile_nav/mobile_nav.vue | |
| parent | 046c60cb61bd585e2fb2850320d229ab0487d9ba (diff) | |
More stuff. Buttons in user card's corner now have MUCH bigger hitboxes
Diffstat (limited to 'src/components/mobile_nav/mobile_nav.vue')
| -rw-r--r-- | src/components/mobile_nav/mobile_nav.vue | 11 |
1 files changed, 5 insertions, 6 deletions
diff --git a/src/components/mobile_nav/mobile_nav.vue b/src/components/mobile_nav/mobile_nav.vue index e5664dc5..4d91af77 100644 --- a/src/components/mobile_nav/mobile_nav.vue +++ b/src/components/mobile_nav/mobile_nav.vue @@ -15,7 +15,7 @@ class="mobile-nav-button" @click.stop.prevent="toggleMobileSidebar()" > - <i class="button-icon icon-menu" /> + <FAIcon size="lg" class="button-icon" icon="bars" /> <div v-if="unreadChatCount" class="alert-dot" @@ -37,7 +37,7 @@ href="#" @click.stop.prevent="openMobileNotifications()" > - <i class="button-icon icon-bell-alt" /> + <FAIcon size="lg" class="button-icon" icon="bell" /> <div v-if="unseenNotificationsCount" class="alert-dot" @@ -59,7 +59,7 @@ class="mobile-nav-button" @click.stop.prevent="closeMobileNotifications()" > - <FAIcon class="button-icon" icon="times" /> + <FAIcon size="lg" class="button-icon" icon="times" /> </a> </div> <div @@ -91,9 +91,8 @@ } .mobile-nav-button { - display: flex; - justify-content: center; - width: 50px; + text-align: center; + margin: 0 1em; position: relative; cursor: pointer; } |