versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2025-12-06 16:38:20 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

style: 💄 Improve mobile navbar spacing

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-06-15 13:52:15 -10:00
parent 8792e56f03
commit b44fcf7249
No known key found for this signature in database
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
components/sidebars/navigation.vue
View file

@ -57,11 +57,11 @@
</aside>
<!-- Mobile bottom navbar -->
<nav
class="fixed bottom-0 left-0 right-0 z-20 md:hidden flex justify-around p-2 *:shadow-xl bg-dark-900 ring-1 ring-white/10 text-gray-200">
class="fixed bottom-0 left-0 right-0 z-20 md:hidden grid grid-cols-4 gap-3 p-2 *:shadow-xl bg-dark-900 ring-1 ring-white/10 text-gray-200">
<DropdownsAdaptiveDropdown>
<template #button>
<button class="flex flex-col items-center justify-center p-2 rounded">
<button class="flex w-full flex-col items-center justify-center p-2 rounded">
<iconify-icon icon="tabler:home" class="text-2xl" />
<span class="text-xs">Timelines</span>
</button>
@ -90,7 +90,7 @@
<SidebarsAccountPicker v-else @sign-in="signIn().finally(() => loadingAuth = false)"
@sign-out="id => signOut(id).finally(() => loadingAuth = false)">
<button class="flex flex-col items-center justify-center p-2 rounded">
<button class="flex flex-col w-full items-center justify-center p-2 rounded">
<iconify-icon icon="tabler:user" class="text-2xl" />
<span class="text-xs">Account</span>
</button>
@ -206,7 +206,7 @@ const signOut = async (id?: string) => {
identityToRevoke.tokens.access_token,
identityToRevoke.tokens.access_token,
)
.catch(() => {});
.catch(() => { });
if (id === identity.value.id) {
identity.value = null;