feat: enhance UI consistency and improve spacing across components
- Added styles for player-side toast notifications to improve user feedback. - Adjusted padding and spacing in various components for a more cohesive layout. - Updated card and dialog components to streamline visual hierarchy and enhance readability. - Refactored player panel and navigation elements for better alignment and user experience.
This commit is contained in:
@@ -127,4 +127,32 @@
|
||||
html {
|
||||
@apply font-sans;
|
||||
}
|
||||
}
|
||||
|
||||
/* 玩家端 Toast:顶部居中、紧凑尺寸(位置见 components/ui/sonner.tsx) */
|
||||
[data-sonner-toaster] {
|
||||
--width: min(280px, calc(100vw - 24px));
|
||||
}
|
||||
|
||||
[data-sonner-toast][data-styled="true"] {
|
||||
padding: 8px 12px;
|
||||
font-size: 12px;
|
||||
line-height: 1.35;
|
||||
box-shadow: 0 4px 14px rgba(15, 23, 42, 0.1);
|
||||
}
|
||||
|
||||
[data-sonner-toast][data-styled="true"] [data-title] {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
[data-sonner-toast][data-styled="true"] [data-description] {
|
||||
font-size: 11px;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
[data-sonner-toast][data-styled="true"] [data-icon] svg {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
Reference in New Issue
Block a user