aibo/BoosAPI
1
0
Fork 0
forked from boos/BoosAPI
Code Pull Requests Activity

style: format CSS keyframes for improved readability

Browse Source
This commit is contained in:
ciat-777
2026-03-12 16:28:00 +08:00
parent 701cd98f73
commit 89f7cddb93
1 changed files with 53 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/index.css
+52 -12
View File
@@ -1034,23 +1034,43 @@ body {
/* ===== Mobile Drawer ===== */
@keyframes drawer-backdrop-in {
from { opacity: 0; }
to { opacity: 1; }
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes drawer-backdrop-out {
from { opacity: 1; }
to { opacity: 0; }
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes drawer-slide-in {
from { transform: translateX(-100%); }
to { transform: translateX(0); }
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
@keyframes drawer-slide-out {
from { transform: translateX(0); }
to { transform: translateX(-100%); }
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.mobile-drawer-root {
@@ -1592,6 +1612,7 @@ body {
background: color-mix(in srgb, var(--color-primary) 18%, transparent);
box-shadow: inset 3px 0 0 color-mix(in srgb, var(--color-primary) 70%, transparent);
}
100% {
background: color-mix(in srgb, var(--color-primary) 4%, transparent);
box-shadow: inset 0 0 0 transparent;
@@ -1608,6 +1629,7 @@ body {
border-color: color-mix(in srgb, var(--color-primary) 42%, var(--color-border));
background: color-mix(in srgb, var(--color-primary) 6%, var(--color-bg-card));
}
100% {
box-shadow: 0 0 0 0 transparent;
border-color: var(--color-border-light);
@@ -3797,6 +3819,7 @@ textarea {
}
@media (max-width: 768px) {
/* --- Layout --- */
:root {
--topbar-height: 48px;
@@ -4563,13 +4586,30 @@ textarea {
}
@keyframes filter-bar-slide-down {
from { opacity: 0; max-height: 0; transform: translateY(-4px); }
to { opacity: 1; max-height: 600px; transform: translateY(0); }
from {
opacity: 0;
max-height: 0;
transform: translateY(-4px);
}
to {
opacity: 1;
max-height: 600px;
transform: translateY(0);
}
}
@keyframes filter-bar-slide-up {
from { opacity: 1; max-height: 600px; }
to { opacity: 0; max-height: 0; overflow: hidden; }
from {
opacity: 1;
max-height: 600px;
}
to {
opacity: 0;
max-height: 0;
overflow: hidden;
}
}
.route-filter-row {