feat(gyms): gym logo field; other-gym navbar button uses that gym's brand colour and logo

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
andreandClaude Sonnet 5.5 committed 2026-10-13 17:45:17 +01:00
1 parent 32f8d7a613
commit 58d5199883
6 files changed
+42 -10

No files matched your search

+12
View File
@@ -472,6 +472,18 @@ section[id] {
transition: background-color var(--fitme-transition), color var(--fitme-transition);
}
.gym-switch-btn { display: inline-flex; align-items: center; gap: .5rem; }
/* The logo is a mask filled with the text colour, so any single-colour logo
follows the button (brand colour, hover state, light or dark brand). */
.gym-switch-logo {
height: 1.4em;
aspect-ratio: 1;
background-color: currentColor;
-webkit-mask: var(--logo) center / contain no-repeat;
mask: var(--logo) center / contain no-repeat;
}
.gym-switch-btn:hover,
.gym-switch-btn:focus-visible {
background: var(--fitme-dark);