congsh/gamegroup2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: UI redesign v0.0.2 — color unification, navigation improvements, mobile support

Browse Source 
- Unify color palette from mixed green/blue/purple to consistent green theme
- Sidebar: add text labels to create/join group buttons for discoverability
- Header: add quick action buttons (create group, join group, notifications)
- Mobile: add hamburger menu with slide-out sidebar and overlay
- Home: add prominent CTA buttons, onboarding card for empty state
- Join group dialog: add search-by-name mode alongside existing ID lookup
- Games library: inline group selector dropdown instead of external selection

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
congsh
2026-04-18 12:24:20 +08:00
parent 277a484f60
commit cfdbaf1095
13 changed files with 1061 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/assets/design.css
+4 -4
View File
@@ -4,9 +4,9 @@
--gg-primary-light: #10b981;
--gg-primary-dark: #047857;
/* 辅助色：深紫 */
--gg-accent: #7c3aed;
--gg-accent-light: #8b5cf6;
/* 辅助色：翠绿 */
--gg-accent: #0d9488;
--gg-accent-light: #14b8a6;
/* 背景色（亮色） */
--gg-bg: #f0fdf4;
@@ -40,7 +40,7 @@
--gg-shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.1);
/* 渐变 */
--gg-gradient: linear-gradient(135deg, #059669 0%, #7c3aed 100%);
--gg-gradient: linear-gradient(135deg, #059669 0%, #0d9488 100%);
--gg-gradient-green: linear-gradient(135deg, #10b981 0%, #059669 100%);
--gg-gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
--gg-gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);