|
@@ -24,6 +24,8 @@ header span { color: var(--ink-soft); font-size: 12px; }
|
|
|
.schedule-toolbar:has(.student-filter) { grid-template-columns: minmax(0, 1fr) minmax(150px, 190px); }
|
|
.schedule-toolbar:has(.student-filter) { grid-template-columns: minmax(0, 1fr) minmax(150px, 190px); }
|
|
|
.range-tabs { display: grid; height: 48px; grid-template-columns: repeat(4, 1fr); padding: 3px; background: rgb(255 255 255 / 82%); border: 1px solid var(--line); border-radius: 10px; gap: 3px; }
|
|
.range-tabs { display: grid; height: 48px; grid-template-columns: repeat(4, 1fr); padding: 3px; background: rgb(255 255 255 / 82%); border: 1px solid var(--line); border-radius: 10px; gap: 3px; }
|
|
|
.range-tabs button { min-height: 40px; padding: 6px 4px; color: var(--ink-soft); background: transparent; border: 0; border-radius: 8px; font-size: 12px; }
|
|
.range-tabs button { min-height: 40px; padding: 6px 4px; color: var(--ink-soft); background: transparent; border: 0; border-radius: 8px; font-size: 12px; }
|
|
|
|
|
+.range-tabs.schedule-actions { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
|
|
|
|
|
+.schedule-actions button { min-width: 0; text-align: center; }
|
|
|
.range-tabs button.active { color: white; background: var(--brand-strong); box-shadow: 0 4px 12px rgb(20 53 45 / 16%); font-weight: 700; }
|
|
.range-tabs button.active { color: white; background: var(--brand-strong); box-shadow: 0 4px 12px rgb(20 53 45 / 16%); font-weight: 700; }
|
|
|
.student-filter { position: relative; display: flex; min-width: 0; flex-direction: column; gap: 4px; }
|
|
.student-filter { position: relative; display: flex; min-width: 0; flex-direction: column; gap: 4px; }
|
|
|
.student-filter > span { color: var(--ink-soft); font-size: 11px; line-height: 13px; }
|
|
.student-filter > span { color: var(--ink-soft); font-size: 11px; line-height: 13px; }
|