mirror of
https://github.com/shuaiplus/nodewarden.git
synced 2026-06-21 05:10:41 +00:00
Refactor styles to utilize Tailwind CSS utility classes for improved consistency and maintainability across forms, motion, shell, and vault components. Remove deprecated reduced-motion styles and consolidate motion-related animations. Update color tokens for better contrast and accessibility. Introduce a new Tailwind CSS configuration file.
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
@apply box-border;
|
||||
}
|
||||
|
||||
html,
|
||||
@@ -7,21 +7,18 @@ body,
|
||||
#root {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@apply h-full w-full;
|
||||
color: var(--text);
|
||||
background: var(--bg-accent);
|
||||
font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
position: relative;
|
||||
transition:
|
||||
background-color var(--dur-medium) var(--ease-smooth),
|
||||
color var(--dur-medium) var(--ease-smooth);
|
||||
@apply relative antialiased;
|
||||
transition: background-color var(--dur-medium) var(--ease-smooth), color var(--dur-medium) var(--ease-smooth);
|
||||
}
|
||||
|
||||
body.dialog-open {
|
||||
overflow: hidden;
|
||||
@apply overflow-hidden;
|
||||
overscroll-behavior: contain;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user