refactor: update components to shadcn-inspired styling and improve layout consistency
This commit is contained in:
@@ -3,7 +3,15 @@
|
||||
===================================
|
||||
|
||||
This file documents all available UI components for the Proxmox server views.
|
||||
All components follow the TailServer theme using CSS variables for consistent styling.
|
||||
All components follow shadcn-inspired styling with TailServer theme CSS variables.
|
||||
|
||||
Design Patterns:
|
||||
- Card: rounded-xl border bg-card shadow-sm
|
||||
- Typography: text-2xl font-bold (values), text-sm font-medium (labels), text-xs text-muted-foreground (descriptions)
|
||||
- Layout: flex/grid with gap-4/gap-6 spacing
|
||||
- Transitions: duration-150 for all interactions (speed-optimized)
|
||||
- Borders: border (uses CSS variable), rounded-lg/rounded-xl
|
||||
- Backgrounds: bg-card, bg-muted, bg-muted/50 (no gradient overlays)
|
||||
|
||||
CSS Variables Used:
|
||||
- --color-background: Page background color
|
||||
|
||||
Reference in New Issue
Block a user