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> </div>
</button> </button>
</Menu.Item> </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> </div>
</template> </template>
</DropdownsAdaptiveDropdown> </DropdownsAdaptiveDropdown>

2
components/sidebars/navigation.vue
View file

@ -57,7 +57,7 @@
</aside> </aside>
<!-- Mobile bottom navbar --> <!-- Mobile bottom navbar -->
<nav <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> <DropdownsAdaptiveDropdown>
<template #button> <template #button>

2
pages/oauth/authorize.vue
View file

@ -1,5 +1,5 @@
<template> <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" <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" /> class="mx-auto h-24 hidden md:block mb-10" />
<div v-if="validUrlParameters" <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"> <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" <img crossorigin="anonymous" src="https://cdn.lysand.org/logo-long-dark.webp" alt="Lysand logo"
class="mx-auto h-24 hidden md:block" /> 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" <div v-if="Object.keys(errors).length > 0"
class="ring-1 ring-white/10 rounded p-4 bg-red-500 text-white mb-10"> class="ring-1 ring-white/10 rounded p-4 bg-red-500 text-white mb-10">
<h2 class="font-bold text-lg">Error</h2> <h2 class="font-bold text-lg">Error</h2>