Match the identity page's tab switcher to the calendar's bigger pill style
Moved into the filter strip, right-aligned like every other page's own Calendar/List or Week/Month/Season toggle, and switched from the bespoke .preview-tab/.preview-tab-active classes (now unused, removed) to the same raw bg-steel pill markup event_list.html already uses. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01ECGMEwrc2k4D8VQuwjstj9
This commit is contained in:
@@ -1811,28 +1811,6 @@
|
||||
background: var(--color-paper);
|
||||
}
|
||||
|
||||
/* A real (if minimal) tab control: click toggles which panel is shown --
|
||||
club_settings.html's own inline script uses this for its top-level
|
||||
Identity/Email/PDF tabs. The Identity tab's own phone/website mock has
|
||||
no tab of its own; the two are simply shown together (the mobile app
|
||||
isn't built yet, and D9's separate App/Website tabs would only ever
|
||||
have shown the same two mocks anyway). */
|
||||
.preview-tab {
|
||||
padding: 0.3125rem 0.625rem;
|
||||
font-family: var(--font-display);
|
||||
font-size: 0.75rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.04em;
|
||||
text-transform: uppercase;
|
||||
color: var(--color-muted);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.preview-tab-active {
|
||||
background: var(--color-ink);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.preview-crest {
|
||||
display: flex;
|
||||
width: 1.5rem;
|
||||
|
||||
Reference in New Issue
Block a user