19 lines
1.3 KiB
CSS
19 lines
1.3 KiB
CSS
/* === Settings === */
|
|
.settings-screen { padding: 12px; }
|
|
.settings-section { margin-bottom: 24px; }
|
|
.settings-section h3 { color: var(--primary); margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--border); }
|
|
.exercise-ref-item {
|
|
display: flex; justify-content: space-between; align-items: center; padding: 12px;
|
|
background: var(--surface); border-radius: 8px; margin-bottom: 6px; border: 1px solid var(--border);
|
|
}
|
|
.exercise-ref-item .name { font-weight: 500; }
|
|
.exercise-ref-item .count { font-size: 0.75rem; color: var(--text-secondary); margin-left: 6px; }
|
|
.exercise-ref-item .type-badge { font-size: 0.7rem; padding: 2px 6px; border-radius: 4px; background: var(--primary-variant); color: var(--primary); margin-left: 6px; }
|
|
|
|
/* === Body metrics === */
|
|
.metrics-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
|
|
.metric-card { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 12px; text-align: center; }
|
|
.metric-card .label { font-size: 0.75rem; color: var(--text-secondary); text-transform: uppercase; margin-bottom: 4px; }
|
|
.metric-card .value { font-size: 1.3rem; font-weight: 700; color: var(--primary); }
|
|
.metric-card .date { font-size: 0.7rem; color: var(--text-secondary); margin-top: 4px; }
|