fix: UI/UX consistency audit — sidebar widths, primary colors, accessibility, contrast, reduced-motion
Deploy Wiki to Production / deploy (push) Has been cancelled

This commit is contained in:
zdh
2026-06-04 16:20:52 +08:00
parent 6432d01b89
commit c91b487a1d
9 changed files with 25 additions and 9 deletions
@@ -12,7 +12,7 @@
--color-error: #FF4D4F; --color-error-bg: #FFF2F0; --color-error-border: #FFCCC7;
--bg: #F5F5F5; --bg-container: #FFFFFF; --bg-elevated: #FAFAFA;
--border: #D9D9D9; --border-light: #F0F0F0;
--text-primary: #141414; --text-secondary: #595959; --text-tertiary: #8C8C8C;
--text-primary: #141414; --text-secondary: #595959; --text-tertiary: #767676;
--radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px;
--shadow-sm: 0 1px 2px rgba(0,0,0,0.03),0 1px 6px -1px rgba(0,0,0,0.02);
--shadow-md: 0 2px 4px rgba(0,0,0,0.04),0 4px 12px -2px rgba(0,0,0,0.04);
@@ -108,6 +108,9 @@
.back-to-top.show{display:flex;align-items:center;justify-content:center;}
@media(max-width:992px){:root{--sidebar-w:220px;}.main{padding:24px 20px 48px;}}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}
@media(max-width:768px){
.menu-btn{display:flex;align-items:center;justify-content:center;}
.sidebar{display:block;position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;transform:translateX(-100%);transition:transform .25s ease;z-index:201;padding-top:60px;}