pihkaal/pihka-al
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: ui tweaks

Browse Source
This commit is contained in:
Stevan
2026-03-25 21:31:39 +01:00
parent 5d5d691bab
commit ffba95a411
3 changed files with 6 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/ConfirmModal.vue
View File

@@ -15,7 +15,7 @@ const emit = defineEmits<{ close: [confirmed: boolean] }>();
<template #footer> <template #footer>
<div class="flex gap-2 justify-end w-full"> <div class="flex gap-2 justify-end w-full">
<UButton variant="ghost" color="neutral" @click="emit('close', false)">Cancel</UButton> <UButton variant="ghost" color="neutral" @click="emit('close', false)">Cancel</UButton>
<UButton color="error" @click="emit('close', true)">Delete</UButton> <UButton color="error" icon="i-lucide-trash-2" @click="emit('close', true)">Delete</UButton>
</div> </div>
</template> </template>
</UModal> </UModal>

2
app/components/LinkModal.vue
View File

@@ -73,7 +73,7 @@ const onSubmit = async (event: FormSubmitEvent<Schema>) => {
<div class="flex justify-end gap-2 pt-2"> <div class="flex justify-end gap-2 pt-2">
<UButton variant="ghost" @click="emit('close', false)">Cancel</UButton> <UButton variant="ghost" @click="emit('close', false)">Cancel</UButton>
<UButton type="submit" :loading="submitting">{{ link ? "Save" : "Create" }}</UButton> <UButton type="submit" variant="subtle" :loading="submitting" :icon="link ? 'i-lucide-save' : 'i-lucide-plus'">{{ link ? "Save" : "Create" }}</UButton>
</div> </div>
</UForm> </UForm>
</template> </template>

12
app/pages/dashboard.vue
View File

@@ -54,9 +54,9 @@ const deleteLink = async (link: Link) => {
<template> <template>
<UDashboardGroup> <UDashboardGroup>
<UDashboardSidebar :toggle="false"> <UDashboardSidebar :toggle="false" :ui="{ header: 'border-b border-default' }">
<template #header> <template #header>
<UDashboardNavbar title="pihka.al" :toggle="false" /> <span class="font-semibold text-highlighted text-lg">pihka.al</span>
</template> </template>
<UNavigationMenu <UNavigationMenu
@@ -88,9 +88,7 @@ const deleteLink = async (link: Link) => {
class="px-2" class="px-2"
/> />
<template #footer> <template #footer>
<UButton variant="ghost" icon="i-lucide-log-out" block @click="signOut"> <UButton variant="link" icon="i-lucide-log-out" block @click="signOut">Sign out</UButton>
Sign out
</UButton>
</template> </template>
</UDashboardSidebar> </UDashboardSidebar>
@@ -98,9 +96,7 @@ const deleteLink = async (link: Link) => {
<template #header> <template #header>
<UDashboardNavbar :title="category === 'all' ? 'All links' : category === 'active' ? 'Active links' : 'Disabled links'"> <UDashboardNavbar :title="category === 'all' ? 'All links' : category === 'active' ? 'Active links' : 'Disabled links'">
<template #right> <template #right>
<UButton icon="i-lucide-plus" @click="openModal(null)"> <UButton icon="i-lucide-plus" variant="subtle" @click="openModal(null)">New link</UButton>
New link
</UButton>
</template> </template>
</UDashboardNavbar> </UDashboardNavbar>
</template> </template>