Fix sidebar styling issues
All checks were successful
Build And Push Image / docker (push) Successful in 1m54s

- Increased collapsed sidebar width from 80px to 100px for better spacing
- Removed rose/pink tint from sidebar header section
- Changed header background to neutral white/gray gradient
- Added subtle border and shadow to header section for better definition

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-08-31 14:44:52 +02:00
parent eb6efe7c90
commit ab706298a6
7 changed files with 8 additions and 4 deletions

View File

@@ -3,7 +3,7 @@
<v-navigation-drawer
v-model="drawer"
app
:width="isCollapsed ? '80' : '280'"
:width="isCollapsed ? '100' : '280'"
:rail="isCollapsed"
class="enhanced-glass-drawer"
>
@@ -336,12 +336,14 @@ watch(width, (newWidth) => {
position: relative;
padding: 1.5rem;
background: linear-gradient(135deg,
rgba(220, 38, 38, 0.05) 0%,
rgba(255, 255, 255, 0.8) 100%);
rgba(255, 255, 255, 0.95) 0%,
rgba(248, 248, 248, 0.9) 100%);
border-radius: 16px;
margin: 0.5rem;
margin-bottom: 1rem;
transition: all 0.3s ease;
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
&--collapsed {
padding: 0.75rem;