722ee76d93
- Reworked design system (variables, global styles, component CSS) - Updated TabBar with icon-based navigation - Redesigned HomePage, HealthHub, ServicesHub layouts - Improved Exercise/Diet, Medication, Profile pages styling - Simplified constants (removed emoji icons, streamlined data) - Fixed launch.json cwd paths for frontend projects
10 lines
1000 B
CSS
10 lines
1000 B
CSS
.tabs { display: flex; gap: 8px; margin-bottom: 14px; }
|
|
.tab { padding: 6px 14px; border-radius: var(--radius-full); font-size: var(--font-size-sm); background: var(--color-bg-secondary); color: var(--color-text-secondary); font-weight: 500; }
|
|
.tabActive { background: var(--color-primary); color: var(--color-text-inverse); }
|
|
.card { margin-bottom: 8px; }
|
|
.cardHeader { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }
|
|
.title { font-size: var(--font-size-base); font-weight: 600; }
|
|
.status { font-size: var(--font-size-xs); font-weight: 500; }
|
|
.meta { font-size: var(--font-size-xs); color: var(--color-text-tertiary); margin-top: 2px; }
|
|
.fab { position: fixed; bottom: 80px; right: max(16px, calc((100vw - var(--max-content-width)) / 2 + 16px)); padding: 12px 20px; background: var(--color-primary-gradient); color: var(--color-text-inverse); border-radius: var(--radius-full); font-weight: 600; box-shadow: 0 4px 16px rgba(79,110,247,0.35); z-index: 50; }
|