Initial commit: HealthManager full-stack health management platform
Backend: .NET 10 + PostgreSQL + EF Core + JWT + SignalR Frontend patient: React 19 + TypeScript + Vite (mobile H5) Frontend doctor: React 19 + TypeScript + Vite (desktop web)
This commit is contained in:
78
frontend-patient/src/assets/styles/variables.css
Normal file
78
frontend-patient/src/assets/styles/variables.css
Normal file
@@ -0,0 +1,78 @@
|
||||
:root {
|
||||
/* Primary - Medical Blue */
|
||||
--color-primary: #1E6BFF;
|
||||
--color-primary-light: #4D8FFF;
|
||||
--color-primary-dark: #1055E0;
|
||||
--color-primary-bg: #EBF3FF;
|
||||
--color-primary-gradient: linear-gradient(135deg, #1E6BFF, #4D8FFF);
|
||||
|
||||
/* Status */
|
||||
--color-success: #10B981;
|
||||
--color-success-bg: #ECFDF5;
|
||||
--color-warning: #F59E0B;
|
||||
--color-warning-bg: #FFFBEB;
|
||||
--color-danger: #EF4444;
|
||||
--color-danger-bg: #FEF2F2;
|
||||
|
||||
/* Risk */
|
||||
--color-risk-normal: #10B981;
|
||||
--color-risk-attention: #F59E0B;
|
||||
--color-risk-abnormal: #EF4444;
|
||||
|
||||
/* Neutral */
|
||||
--color-white: #FFFFFF;
|
||||
--color-bg: #F2F5FA;
|
||||
--color-bg-secondary: #E8ECF2;
|
||||
--color-border: #E2E8F0;
|
||||
--color-border-light: #F0F2F5;
|
||||
|
||||
/* Text */
|
||||
--color-text-primary: #1A1D28;
|
||||
--color-text-secondary: #6B7280;
|
||||
--color-text-tertiary: #9CA3AF;
|
||||
--color-text-inverse: #FFFFFF;
|
||||
|
||||
/* Spacing */
|
||||
--spacing-xs: 4px;
|
||||
--spacing-sm: 8px;
|
||||
--spacing-md: 12px;
|
||||
--spacing-lg: 16px;
|
||||
--spacing-xl: 20px;
|
||||
--spacing-2xl: 24px;
|
||||
--spacing-3xl: 32px;
|
||||
|
||||
/* Border radius */
|
||||
--radius-sm: 8px;
|
||||
--radius-md: 12px;
|
||||
--radius-lg: 16px;
|
||||
--radius-xl: 20px;
|
||||
--radius-full: 9999px;
|
||||
|
||||
/* Shadows */
|
||||
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
|
||||
--shadow-md: 0 2px 12px rgba(0, 0, 0, 0.06);
|
||||
--shadow-lg: 0 4px 24px rgba(0, 0, 0, 0.08);
|
||||
|
||||
/* Font */
|
||||
--font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',
|
||||
'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
|
||||
--font-size-xs: 11px;
|
||||
--font-size-sm: 12px;
|
||||
--font-size-base: 14px;
|
||||
--font-size-md: 16px;
|
||||
--font-size-lg: 18px;
|
||||
--font-size-xl: 20px;
|
||||
--font-size-2xl: 24px;
|
||||
--font-size-3xl: 32px;
|
||||
|
||||
/* Layout */
|
||||
--tab-bar-height: 56px;
|
||||
--header-height: 48px;
|
||||
--max-content-width: 414px;
|
||||
|
||||
/* Z-index */
|
||||
--z-tab-bar: 100;
|
||||
--z-header: 100;
|
||||
--z-modal: 200;
|
||||
--z-toast: 300;
|
||||
}
|
||||
Reference in New Issue
Block a user