🔨 Setup the tailwindcss and daisyui frontend for the zone

This commit is contained in:
2025-11-19 21:33:14 +08:00
parent ce18b194a5
commit aa48d5e25d
7 changed files with 277 additions and 70 deletions

View File

@@ -1,31 +1,8 @@
html {
font-size: 14px;
}
@import "tailwindcss";
@plugin "daisyui";
@media (min-width: 768px) {
html {
font-size: 16px;
}
}
@layer theme, base, components, utilities;
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 60px;
}
.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
color: var(--bs-secondary-color);
text-align: end;
}
.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
text-align: start;
}
@import "tailwindcss/theme.css" layer(theme);
@import "tailwindcss/preflight.css" layer(base);
@import "tailwindcss/utilities.css" layer(utilities);