versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2026-03-13 03:29:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: 🐛 Fix registration button missing on mobile, improve spacing

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-06-15 14:04:17 -10:00
parent b44fcf7249
commit ba60a38d2d
No known key found for this signature in database
4 changed files with 19 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

14
components/sidebars/account-picker.vue
View file

@ -74,6 +74,20 @@
</div>
</button>
</Menu.Item>
<Menu.Item value="" v-if="!currentIdentity">
<NuxtLink href="/register" class="w-full">
<div class="rounded text-left flex flex-row gap-x-2 hover:scale-[95%]">
<div
class="shrink-0 size-12 border-dashed border-white/20 border flex items-center justify-center rounded">
<iconify-icon icon="tabler:certificate" class="size-6 text-gray-200" width="none" />
</div>
<div
class="flex flex-col items-start font-semibold p-1 justify-around text-sm text-gray-300 grow overflow-hidden">
Create new account
</div>
</div>
</NuxtLink>
</Menu.Item>
</div>
</template>
</DropdownsAdaptiveDropdown>

4
components/sidebars/navigation.vue
View file

@ -57,7 +57,7 @@
</aside>
<!-- Mobile bottom navbar -->
<nav
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">
:class="['fixed bottom-0 left-0 right-0 z-20 md:hidden grid gap-3 p-2 *:shadow-xl bg-dark-900 ring-1 ring-white/10 text-gray-200', !!identity ? 'grid-cols-4' : 'grid-cols-3']">
<DropdownsAdaptiveDropdown>
<template #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;