mirrors/dozzle
1
0
Fork 0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-24 14:31:44 +01:00
Code Issues Projects Releases Wiki Activity

chore: little improvements to the login page (#3846)

Browse Source
This commit is contained in:
Amir Raminfar
2025-04-25 09:37:38 -07:00
committed by GitHub
parent 11bc1c7fc2
commit 4da0486295
3 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/layouts/splash.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="hero min-h-dvh">
<div class="hero max-h-500:pt-4 min-h-dvh content-start pt-[20dvh]">
<div class="hero-content">
<router-view></router-view>
</div>

6
assets/main.css
View File

@@ -15,6 +15,12 @@
padding-top: env(safe-area-inset-top);
}
@custom-variant max-h-500 {
@media (max-height: 500px) {
@slot;
}
}
@plugin "daisyui/theme" {
name: "dark";
default: false;

6
assets/pages/login.vue
View File

@@ -4,7 +4,7 @@
<form action="" method="post" @submit.prevent="onLogin" ref="form" class="flex flex-col gap-8">
<label class="form-control w-full">
<label
class="input floating-label input-bordered has-[:focus]:input-primary flex w-full items-center gap-2 border-2"
class="input input-lg floating-label input-bordered has-[:focus]:input-primary flex w-full items-center gap-2 border-2"
:class="{ 'input-error': error }"
>
<span class="ml-5">{{ $t("label.username") }}</span>
@@ -28,7 +28,7 @@
</label>
<label class="form-control w-full">
<label
class="input floating-label input-bordered has-[:focus]:input-primary flex w-full items-center gap-2 border-2"
class="input input-lg floating-label input-bordered has-[:focus]:input-primary flex w-full items-center gap-2 border-2"
>
<span class="ml-5">{{ $t("label.password") }}</span>
<mdi:key class="has-[+:focus]:text-primary" />
@@ -44,7 +44,7 @@
</label>
</label>
<button class="btn btn-primary uppercase" type="submit" :disabled="loading">
<button class="btn btn-primary mt-2 uppercase" type="submit" :disabled="loading">
<span class="loading loading-spinner" v-if="loading"></span>
{{ $t("button.login") }}
</button>