admin/vibetorrent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

fix(css): rebuild tailwind to include DaisyUI alert classes

Browse Source
This commit is contained in:
spinline
2026-02-05 21:35:34 +03:00
parent 88b2dddba0
commit 3bc4b0f364
1 changed files with 119 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
frontend/public/tailwind.css
View File

@@ -746,6 +746,27 @@
.visible {
visibility: visible;
}
.toast {
@layer daisyui.l1.l2.l3 {
position: fixed;
inset-inline-start: auto;
inset-inline-end: calc(0.25rem * 4);
top: auto;
bottom: calc(0.25rem * 4);
display: flex;
flex-direction: column;
gap: calc(0.25rem * 2);
background-color: transparent;
translate: var(--toast-x, 0) var(--toast-y, 0);
width: max-content;
max-width: calc(100vw - 2rem);
& > * {
@media (prefers-reduced-motion: no-preference) {
animation: toast 0.25s ease-out;
}
}
}
}
.input {
@layer daisyui.l1.l2.l3 {
cursor: text;
@@ -1162,6 +1183,13 @@
.inset-0 {
inset: calc(var(--spacing) * 0);
}
.toast-end {
@layer daisyui.l1.l2 {
inset-inline-start: auto;
inset-inline-end: calc(0.25rem * 4);
--toast-x: 0;
}
}
.dropdown-end {
@layer daisyui.l1.l2 {
--anchor-h: span-left;
@@ -1228,6 +1256,13 @@
}
}
}
.toast-bottom {
@layer daisyui.l1.l2 {
top: auto;
bottom: calc(0.25rem * 4);
--toast-y: 0;
}
}
.modal-backdrop {
@layer daisyui.l1.l2.l3 {
grid-column-start: 1;
@@ -1285,6 +1320,24 @@
min-width: calc(0.25rem * 0);
}
}
.container {
width: 100%;
@media (width >= 40rem) {
max-width: 40rem;
}
@media (width >= 48rem) {
max-width: 48rem;
}
@media (width >= 64rem) {
max-width: 64rem;
}
@media (width >= 80rem) {
max-width: 80rem;
}
@media (width >= 96rem) {
max-width: 96rem;
}
}
.divider {
@layer daisyui.l1.l2.l3 {
display: flex;
@@ -1525,6 +1578,38 @@
}
}
}
.alert {
border-width: var(--border);
border-color: var(--alert-border-color, var(--color-base-200));
@layer daisyui.l1.l2.l3 {
border-style: solid;
--alert-border-color: var(--color-base-200);
display: grid;
align-items: center;
gap: calc(0.25rem * 4);
border-radius: var(--radius-box);
padding-inline: calc(0.25rem * 4);
padding-block: calc(0.25rem * 3);
color: var(--color-base-content);
background-color: var(--alert-color, var(--color-base-200));
justify-content: start;
justify-items: start;
grid-auto-flow: column;
grid-template-columns: auto;
text-align: start;
font-size: 0.875rem;
line-height: 1.25rem;
background-size: auto, calc(var(--noise) * 100%);
background-image: none, var(--fx-noise);
box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
@supports (color: color-mix(in lab, red, red)) {
box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px color-mix( in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%), #0000 ), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
}
&:has(:nth-child(2)) {
grid-template-columns: auto minmax(auto, 1fr);
}
}
}
.join {
display: inline-flex;
align-items: stretch;
@@ -1593,9 +1678,6 @@
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.block {
display: block;
}
.flex {
display: flex;
}
@@ -1647,6 +1729,9 @@
.h-5 {
height: calc(var(--spacing) * 5);
}
.h-6 {
height: calc(var(--spacing) * 6);
}
.h-8 {
height: calc(var(--spacing) * 8);
}
@@ -1683,6 +1768,9 @@
.w-5 {
width: calc(var(--spacing) * 5);
}
.w-6 {
width: calc(var(--spacing) * 6);
}
.w-24 {
width: calc(var(--spacing) * 24);
}
@@ -2032,6 +2120,34 @@
.whitespace-nowrap {
white-space: nowrap;
}
.alert-error {
@layer daisyui.l1.l2 {
color: var(--color-error-content);
--alert-border-color: var(--color-error);
--alert-color: var(--color-error);
}
}
.alert-info {
@layer daisyui.l1.l2 {
color: var(--color-info-content);
--alert-border-color: var(--color-info);
--alert-color: var(--color-info);
}
}
.alert-success {
@layer daisyui.l1.l2 {
color: var(--color-success-content);
--alert-border-color: var(--color-success);
--alert-color: var(--color-success);
}
}
.alert-warning {
@layer daisyui.l1.l2 {
color: var(--color-warning-content);
--alert-border-color: var(--color-warning);
--alert-color: var(--color-warning);
}
}
.progress-primary {
@layer daisyui.l1.l2 {
color: var(--color-primary);