light mode correction
This commit is contained in:
@@ -49,7 +49,7 @@ const props = defineProps({
|
|||||||
<UButton icon="lucide:palette" variant="ghost" color="neutral" />
|
<UButton icon="lucide:palette" variant="ghost" color="neutral" />
|
||||||
</UDropdownMenu>-->
|
</UDropdownMenu>-->
|
||||||
<UButton icon="lucide:settings" variant="ghost" color="neutral" :to="props.settings_link ? '/settings/general' : undefined" v-if="props.logged_in" />
|
<UButton icon="lucide:settings" variant="ghost" color="neutral" :to="props.settings_link ? '/settings/general' : undefined" v-if="props.logged_in" />
|
||||||
<UModal :ui="{ overlay: 'bg-black opacity-75', content: 'bg-zinc-950 py-3'}" v-model:open="logout_prompt">
|
<UModal :ui="{ overlay: 'bg-black opacity-75', content: 'light:bg-neutral-50 dark:bg-zinc-950 py-3'}" v-model:open="logout_prompt">
|
||||||
|
|
||||||
<UButton icon="lucide:log-out" variant="ghost" color="error" class="hover:cursor-pointer" v-if="props.logged_in" />
|
<UButton icon="lucide:log-out" variant="ghost" color="error" class="hover:cursor-pointer" v-if="props.logged_in" />
|
||||||
|
|
||||||
@@ -60,7 +60,7 @@ const props = defineProps({
|
|||||||
You will have to login again.
|
You will have to login again.
|
||||||
</p>
|
</p>
|
||||||
<div class="flex gap-4 flex-col justify-end">
|
<div class="flex gap-4 flex-col justify-end">
|
||||||
<UButton class="w-full hover:cursor-pointer dark:bg-zinc-900 hover:dark:bg-zinc-800 active:dark:bg-black" variant="soft" color="neutral" @click="logout_prompt = false">No</UButton>
|
<UButton class="w-full hover:cursor-pointer light:bg-neutral-100 hover:light:bg-neutral-200 active:light:bg-white dark:bg-zinc-900 hover:dark:bg-zinc-800 active:dark:bg-black" variant="soft" color="neutral" @click="logout_prompt = false">No</UButton>
|
||||||
<UButton class="w-full" variant="soft" color="error" loading-auto @click="logout()">Yes</UButton>
|
<UButton class="w-full" variant="soft" color="error" loading-auto @click="logout()">Yes</UButton>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -58,7 +58,7 @@ function onSubmit(payload: FormSubmitEvent<Schema>) {
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="flex flex-col items-center justify-center gap-4 p-4 mt-7">
|
<div class="flex flex-col items-center justify-center gap-4 p-4 mt-7">
|
||||||
<UPageCard class="w-full max-w-md dark:bg-zinc-950 rounded-3xl">
|
<UPageCard class="w-full max-w-md light:bg-neutral-50 dark:bg-zinc-950 rounded-3xl">
|
||||||
<UAuthForm
|
<UAuthForm
|
||||||
:schema="schema"
|
:schema="schema"
|
||||||
title="Login"
|
title="Login"
|
||||||
|
|||||||
Reference in New Issue
Block a user