Buriburizaemon/nodewarden
1
0
Fork 0
mirror of https://github.com/shuaiplus/nodewarden.git synced 2026-06-20 21:00:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: refine styles for improved UI consistency and responsiveness across themes

Browse Source
This commit is contained in:
shuaiplus
2026-04-26 00:03:45 +08:00
parent 62f0aedc27
commit 3d2285e7af
9 changed files with 150 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webapp/src/styles/motion.css
+22 -66
View File
@@ -10,102 +10,58 @@
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fade-in-up {
from {
opacity: 0;
}
to {
opacity: 1;
}
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes shell-enter {
from {
opacity: 0;
}
to {
opacity: 1;
}
from { opacity: 0; transform: scale(0.98); }
to { opacity: 1; transform: scale(1); }
}
@keyframes surface-enter {
from {
opacity: 0;
}
to {
opacity: 1;
}
from { opacity: 0; transform: translateY(6px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes menu-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
from { opacity: 0; transform: translateY(-6px) scale(0.97); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes dialog-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
from { opacity: 0; transform: translateY(12px) scale(0.97); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes toast-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
from { opacity: 0; transform: translateX(16px) scale(0.96); }
to { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes stagger-rise {
from {
opacity: 0;
}
to {
opacity: 1;
}
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
from { opacity: 1; transform: translateY(0) scale(1); }
to { opacity: 0; transform: translateY(-6px) scale(0.98); }
}
@keyframes dialog-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
from { opacity: 1; transform: translateY(0) scale(1); }
to { opacity: 0; transform: translateY(8px) scale(0.97); }
}
@keyframes route-stage-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
from { opacity: 0; transform: translateY(6px); }
to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {