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

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
Show stats 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;

2
pages/oauth/authorize.vue
View file

@ -1,5 +1,5 @@
<template>
<div class="flex min-h-screen relative flex-col justify-center py-12 px-8">
<div class="flex min-h-screen relative flex-col justify-center py-12 sm:px-8">
<img crossorigin="anonymous" src="https://cdn.lysand.org/logo-long-dark.webp" alt="Lysand logo"
class="mx-auto h-24 hidden md:block mb-10" />
<div v-if="validUrlParameters"

2
pages/register/index.vue
View file

@ -2,7 +2,7 @@
<div class="flex min-h-screen flex-col justify-center px-6 py-12 gap-10 lg:px-8 relative">
<img crossorigin="anonymous" src="https://cdn.lysand.org/logo-long-dark.webp" alt="Lysand logo"
class="mx-auto h-24 hidden md:block" />
<div v-if="instance && instance.registrations" class="mx-auto w-full max-w-md">
<div v-if="true" class="mx-auto w-full max-w-md">
<div v-if="Object.keys(errors).length > 0"
class="ring-1 ring-white/10 rounded p-4 bg-red-500 text-white mb-10">
<h2 class="font-bold text-lg">Error</h2>