fix: UI/UX consistency audit — sidebar widths, primary colors, accessibility, contrast, reduced-motion
Deploy Wiki to Production / deploy (push) Has been cancelled
Deploy Wiki to Production / deploy (push) Has been cancelled
This commit is contained in:
@@ -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;}
|
||||
|
||||
Reference in New Issue
Block a user