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
55 lines
1022 B
CSS
55 lines
1022 B
CSS
.form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
}
|
|
|
|
.sectionLabel {
|
|
font-size: var(--font-size-sm);
|
|
font-weight: 600;
|
|
color: var(--color-text-secondary);
|
|
display: block;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.drugGrid {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 8px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.drugChip {
|
|
padding: 8px 4px;
|
|
font-size: var(--font-size-xs);
|
|
background: var(--color-bg);
|
|
border-radius: var(--radius-md);
|
|
text-align: center;
|
|
border: 1.5px solid transparent;
|
|
}
|
|
|
|
.drugChipActive {
|
|
border-color: var(--color-primary);
|
|
background: var(--color-primary-bg);
|
|
color: var(--color-primary);
|
|
}
|
|
|
|
.freqRow { display: flex; gap: 8px; }
|
|
|
|
.freqBtn {
|
|
flex: 1;
|
|
padding: 8px;
|
|
font-size: var(--font-size-sm);
|
|
background: var(--color-bg);
|
|
border-radius: var(--radius-md);
|
|
border: 1.5px solid transparent;
|
|
}
|
|
|
|
.freqActive {
|
|
border-color: var(--color-primary);
|
|
background: var(--color-primary-bg);
|
|
color: var(--color-primary);
|
|
}
|
|
|
|
.row { display: flex; gap: 12px; }
|