arthur/arthome
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/arthome.git synced 2026-01-26 09:30:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

Working on settings

Browse Source
This commit is contained in:
Arthur Danjou
2024-09-04 20:04:24 +02:00
parent 817ac44482
commit ecac6bb2da
2 changed files with 104 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/components/App/Header.vue
View File

@@ -112,8 +112,8 @@ defineShortcuts({
</div>
</UContainer>
</header>
<USlideover v-model="isSettingsOpen">
<UCard class="flex flex-col flex-1" :ui="{ body: { base: 'flex-1' }, ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
<UModal v-model="isSettingsOpen" :ui="{ width: 'w-full sm:max-w-5xl' }">
<UCard class="flex flex-col flex-1" :ui="{ body: { base: 'overflow-scroll' }, ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
<template #header>
<div class="flex items-center justify-between">
<h3 class="text-base font-semibold leading-6 text-gray-900 dark:text-white">
@@ -124,24 +124,9 @@ defineShortcuts({
</template>
<template #default>
<div class="space-y-12 overflow-auto">
<div>
<AppUserSettingsForm :user="user" />
</div>
</div>
</template>
<template #footer>
<UButton
color="red"
variant="solid"
icon="i-ph:trash-duotone"
block
>
Delete account
</UButton>
<AppUserSettingsForm :user="user" @close-modal="isSettingsOpen = false" />
</template>
</UCard>
</USlideover>
</UModal>
</div>
</template>