jiaolongzhen/soft
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: patient frontend UI overhaul

Browse Source 
- 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
This commit is contained in:
MingNian
2026-05-22 17:48:18 +08:00
parent 94da24572e
commit 722ee76d93
44 changed files with 854 additions and 393 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend-patient/src/pages/services/FollowUpListPage.module.css
View File

@@ -1,9 +1,9 @@
.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); }
.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); color: var(--color-text-inverse); border-radius: var(--radius-full); font-weight: 600; box-shadow: var(--shadow-lg); z-index: 50; }
.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; }