From 776e4a4a8f3e445375b7db929d49bc2f8b122b75 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 4 Jan 2025 15:03:54 +0000
Subject: [PATCH] Adjust sidebar and card styles

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]
---
 src/components/ui/sidebar.tsx | 4 ++--
 src/index.css                 | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ui/sidebar.tsx b/src/components/ui/sidebar.tsx
index 1a566bf..86855f5 100644
--- a/src/components/ui/sidebar.tsx
+++ b/src/components/ui/sidebar.tsx
@@ -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"
 
diff --git a/src/index.css b/src/index.css
index 477e054..12853d1 100644
--- a/src/index.css
+++ b/src/index.css
@@ -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 {