refactor: 💄 Improve note rendering UI

This commit is contained in:
Jesse Wierzbinski 2025-02-09 18:37:41 +01:00
parent cb60ed1c72
commit 9d62c378b1
No known key found for this signature in database
5 changed files with 13 additions and 45 deletions

View file

@ -1,20 +1,20 @@
<template>
<div
class="fixed md:hidden bottom-0 inset-x-0 border-t h-20 bg-background z-10 flex items-center justify-around *:h-full *:w-full gap-6 px-4 py-2">
class="fixed md:hidden bottom-0 inset-x-0 border-t h-16 bg-background z-10 flex items-center justify-around *:h-full *:w-full gap-6 px-4 py-2 [&>a>svg]:size-5 [&>button>svg]:size-5">
<Button :as="NuxtLink" href="/" variant="ghost" size="icon">
<Home class="!size-6" />
<Home />
</Button>
<Button :as="NuxtLink" href="/notifications" variant="ghost" size="icon">
<Bell class="!size-6" />
<Bell />
</Button>
<AccountSwitcher>
<Button variant="ghost" size="icon">
<User class="!size-6" />
<User />
</Button>
</AccountSwitcher>
<Button variant="default" size="icon" :title="m.salty_aloof_turkey_nudge()"
@click="useEvent('composer:open')">
<Pen class="!size-6" />
<Pen />
</Button>
</div>
</template>