diff --git a/packages/frontend/src/ui/universal.vue b/packages/frontend/src/ui/universal.vue index e277e5516c..0d235ac205 100644 --- a/packages/frontend/src/ui/universal.vue +++ b/packages/frontend/src/ui/universal.vue @@ -19,11 +19,11 @@ <button v-if="!isDesktop && !isMobile" class="widgetButton _button" @click="widgetsShowing = true"><i class="ti ti-apps"></i></button> <div v-if="isMobile" class="buttons"> - <button class="button nav _button" @click="drawerMenuShowing = true"><i class="ti ti-menu-2"></i><span v-if="menuIndicated" class="indicator"><i class="_indicatorCircle"></i></span></button> - <button class="button home _button" @click="mainRouter.currentRoute.value.name === 'index' ? top() : mainRouter.push('/')"><i class="ti ti-home"></i></button> - <button class="button notifications _button" @click="mainRouter.push('/my/notifications')"><i class="ti ti-bell"></i><span v-if="$i?.hasUnreadNotification" class="indicator"><i class="_indicatorCircle"></i></span></button> - <button class="button widget _button" @click="widgetsShowing = true"><i class="ti ti-apps"></i></button> - <button class="button post _button" @click="os.post()"><i class="ti ti-pencil"></i></button> + <button class="button nav _button" @click="drawerMenuShowing = true"><i class="icon ti ti-menu-2"></i><span v-if="menuIndicated" class="indicator"><i class="_indicatorCircle"></i></span></button> + <button class="button home _button" @click="mainRouter.currentRoute.value.name === 'index' ? top() : mainRouter.push('/')"><i class="icon ti ti-home"></i></button> + <button class="button notifications _button" @click="mainRouter.push('/my/notifications')"><i class="icon ti ti-bell"></i><span v-if="$i?.hasUnreadNotification" class="indicator"><i class="_indicatorCircle"></i></span></button> + <button class="button widget _button" @click="widgetsShowing = true"><i class="icon ti ti-apps"></i></button> + <button class="button post _button" @click="os.post()"><i class="icon ti ti-pencil"></i></button> </div> <Transition :name="$store.state.animation ? 'menuDrawer-back' : ''"> @@ -320,14 +320,14 @@ const wallpaper = localStorage.getItem('wallpaper') != null; animation: blink 1s infinite; } - > * { - font-size: 20px; + > .icon { + font-size: 18px; } &:disabled { cursor: default; - > * { + > .icon { opacity: 0.5; } }