majjo/shadow-purple-dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust sidebar and card styles

Browse Source 
Increased the width of the sidebar for better visibility. Enhanced the card styles to make them stand out more against the background.
[skip gpt_engineer]
This commit is contained in:
gpt-engineer-app[bot]
2025-01-04 15:03:54 +00:00
parent 7ce159d90b
commit 776e4a4a8f
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ui/sidebar.tsx
View File

@@ -19,8 +19,8 @@ import {
const SIDEBAR_COOKIE_NAME = "sidebar:state"
const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
const SIDEBAR_WIDTH = "16rem"
const SIDEBAR_WIDTH_MOBILE = "18rem"
const SIDEBAR_WIDTH = "20rem" // Changed from "16rem"
const SIDEBAR_WIDTH_MOBILE = "22rem" // Changed from "18rem"
const SIDEBAR_WIDTH_ICON = "3rem"
const SIDEBAR_KEYBOARD_SHORTCUT = "b"

4
src/index.css
View File

@@ -7,7 +7,7 @@
--background: 222 26% 13%;
--foreground: 210 40% 98%;
--card: 222 26% 15%;
--card: 222 26% 18%; /* Made slightly lighter than background */
--card-foreground: 210 40% 98%;
--popover: 222 26% 13%;
@@ -46,7 +46,7 @@
}
.glass-card {
@apply bg-card/30 backdrop-blur-sm border border-white/10;
@apply bg-card/80 backdrop-blur-sm border border-white/10;
}
.stat-card {