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

feat(studio): a phone header keeps the pinwheel and drops the word

Browse Source
This commit is contained in:
3dtours
2026-10-12 14:14:46 +07:00
parent cdb39d2e84
commit 274bda1d4c
1 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docker/frontend/src/styles/app.css
+13 -1
View File
@@ -1784,7 +1784,8 @@ input[type="range"].track-temp::-webkit-slider-thumb, input[type="range"].track-
.header [data-key="nav-library"],
.header [data-key="reset-look"],
.header [data-key="save-photo"],
.header [data-key="export-photo"] {
.header [data-key="export-photo"],
.header [data-key="upload-immich"] {
width: 34px;
height: 30px;
padding: 0;
@@ -1805,6 +1806,17 @@ input[type="range"].track-temp::-webkit-slider-thumb, input[type="range"].track-
.header [data-key="reset-look"]::before { content: '⟲'; }
.header [data-key="save-photo"]::before { content: '⤓'; }
.header [data-key="export-photo"]::before { content: '↗'; }
/* The Immich button is the one of the five that already drew its own mark, so
it wears no glyph and only loses the word: the pinwheel is the label, and
`title` is the name it keeps. The word is taken out of the layout rather
than left to the zero font-size above, because a word hidden that way is
still a flex item, and the gap it leaves would push the mark off the middle
of the box. */
.header [data-key="upload-immich"] > span { display: none; }
/* The name of the look the chips have put up is the chips' own report, and on
a phone it is the widest thing in a bar that has no room for it: STUDIO
beside the mark is where the visitor is, which is what the row is for. */
.header .recipe-name { display: none; }
/* --- the phone's workspace ---------------------------------------------
One strip at a time in the bottom bar: the rail of tabs, or — once a tab
is picked — that tab's own chips standing in the rail's place (the bar