aboutsummaryrefslogtreecommitdiff
path: root/src/components/mobile_nav/mobile_nav.vue
diff options
context:
space:
mode:
authorHJ <30-hj@users.noreply.git.pleroma.social>2020-10-28 21:21:35 +0000
committerHJ <30-hj@users.noreply.git.pleroma.social>2020-10-28 21:21:35 +0000
commita84db4bd8f04bdfc14836f55f441aa8478265291 (patch)
treec5e08f042c0cbab4cc212e35c624d5afa65b85bc /src/components/mobile_nav/mobile_nav.vue
parente2c4816feb700d25bbeaebee6c5a67ae5f478e90 (diff)
parentef36ca44f613c3d7d2ea11a9ad4f7fe828f7ae83 (diff)
Merge branch 'fontawesome5' into 'develop'
FontAwesome 5 Closes #982 See merge request pleroma/pleroma-fe!1260
Diffstat (limited to 'src/components/mobile_nav/mobile_nav.vue')
-rw-r--r--src/components/mobile_nav/mobile_nav.vue20
1 files changed, 14 insertions, 6 deletions
diff --git a/src/components/mobile_nav/mobile_nav.vue b/src/components/mobile_nav/mobile_nav.vue
index abd95f09..d2bc65ab 100644
--- a/src/components/mobile_nav/mobile_nav.vue
+++ b/src/components/mobile_nav/mobile_nav.vue
@@ -15,7 +15,10 @@
class="mobile-nav-button"
@click.stop.prevent="toggleMobileSidebar()"
>
- <i class="button-icon icon-menu" />
+ <FAIcon
+ class="fa-scale-110 fa-old-padding"
+ icon="bars"
+ />
<div
v-if="unreadChatCount"
class="alert-dot"
@@ -37,7 +40,10 @@
href="#"
@click.stop.prevent="openMobileNotifications()"
>
- <i class="button-icon icon-bell-alt" />
+ <FAIcon
+ class="fa-scale-110 fa-old-padding"
+ icon="bell"
+ />
<div
v-if="unseenNotificationsCount"
class="alert-dot"
@@ -59,7 +65,10 @@
class="mobile-nav-button"
@click.stop.prevent="closeMobileNotifications()"
>
- <i class="button-icon icon-cancel" />
+ <FAIcon
+ class="fa-scale-110 fa-old-padding"
+ icon="times"
+ />
</a>
</div>
<div
@@ -91,9 +100,8 @@
}
.mobile-nav-button {
- display: flex;
- justify-content: center;
- width: 50px;
+ text-align: center;
+ margin: 0 1em;
position: relative;
cursor: pointer;
}