mama/star-cloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FEAT] 儀表板 UI 大改造、中文化與項目開發規範同步 (含深色模式修復)
All checks were successful
star-cloud-deploy-demo / deploy-demo (push) Successful in 58s
Details

Browse Source
This commit is contained in:
sky121113
2026-03-09 11:30:06 +08:00
parent 02918ce0e1
commit 682a9e7ac3
11 changed files with 168 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
resources/css/app.css
View File

@@ -112,8 +112,8 @@
.luxury-nav-item.active::before {
content: "";
@apply absolute left-0 w-1 h-5 bg-cyan-500 rounded-full shadow-[0_0_8px_rgba(6,182,212,0.5)];
left: 0;
@apply absolute left-0 w-1 h-5 bg-cyan-500 rounded-full;
box-shadow: 0 0 8px rgba(6, 182, 212, 0.5);
}
/* Submenu styling */
@@ -121,4 +121,38 @@
@apply mt-2 space-y-1 ps-4 border-l border-slate-200 ms-4;
@apply dark:border-white/10;
}
/* Luxury Buttons */
.btn-luxury-primary {
@apply inline-flex items-center justify-center gap-x-2 px-4 py-2.5 text-sm font-semibold rounded-xl text-white transition-all duration-200;
background: linear-gradient(135deg, #06b6d4, #3b82f6);
box-shadow: 0 4px 12px -2px rgba(6, 182, 212, 0.3);
}
.btn-luxury-primary:hover {
@apply -translate-y-0.5;
box-shadow: 0 8px 20px -4px rgba(6, 182, 212, 0.4);
filter: brightness(1.1);
}
.btn-luxury-primary:active {
@apply translate-y-0 scale-[0.98];
}
.btn-luxury-secondary {
@apply inline-flex items-center justify-center gap-x-2 px-3 py-2 text-sm font-semibold rounded-xl transition-all duration-200;
@apply bg-white text-slate-700 border border-slate-200 shadow-sm;
@apply dark:bg-slate-800 dark:text-white dark:border-slate-700;
}
.btn-luxury-secondary:hover {
@apply bg-slate-50 border-slate-300 -translate-y-0.5 shadow-md;
@apply dark:bg-slate-700/50 dark:border-slate-600;
}
.btn-luxury-ghost {
@apply inline-flex items-center justify-center gap-x-2 px-4 py-2 text-sm font-bold rounded-xl transition-all duration-200;
@apply text-slate-500 hover:bg-slate-100 hover:text-slate-900;
@apply dark:text-slate-300 dark:hover:bg-white/10 dark:hover:text-cyan-400;
}
}