3dtours/RecipesCam
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web: the studio header carries the mark and the page name too

Browse Source 
The landing, /admin and /profile all show the icon + RecipesCam wordmark
with the page name beside it; the studio still showed a bare "RecipesCam
web" text. Same pair now, so the phone header says where the visitor is.
This commit is contained in:
3dtours
2026-09-18 09:03:35 +07:00
parent 6bbf77860b
commit 40177cb63f
4 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docker/frontend/src/styles/app.css
+6 -2
View File
@@ -13,8 +13,12 @@
background: var(--bg-elev);
flex-wrap: wrap;
}
.brand { font-weight: 700; letter-spacing: 0.04em; }
.brand small { color: var(--text-dim); font-weight: 400; margin-left: 6px; letter-spacing: 0; }
.brand { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; letter-spacing: 0.04em; color: var(--text); text-decoration: none; }
.brand img { border-radius: 8px; }
.brand em { font-style: normal; font-weight: 400; color: var(--text-dim); }
/* The page name, top-left beside the mark — the same pair /admin and /profile
carry, so every screen says where the visitor is. */
.page-name { font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-dim); }
.header .spacer { flex: 1 1 auto; }
.recipe-name {
font-family: var(--mono);