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

fix(studio): fix mobile studio-strip thumbs layout and eliminate vertical expansion gap

Browse Source
This commit is contained in:
3dtours
2026-10-17 12:30:37 +07:00
parent 7c6baa6319
commit 65e454ae9e
2 changed files with 4 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docker/frontend/src/styles/app.css
+3 -14
View File
@@ -3134,23 +3134,12 @@ form[data-key='immich-modal'] {
.workspace.is-mobile .col .chip {
width: auto !important;
}
/* The roll, in the bar's own system rather than the stage's. The chip bar
insets itself by 8px, spaces its chips 6px apart, and a chip is a pill on
`--bg-elev`; the strip already sat on that same 8px edge, but it wore the
stage's square frame and floated in the stage's centred cluster, so the row
of frames read as a foreign row hovering above the bar instead of the bar's
own first line. Same gap, same pill, and anchored to the bottom: the roll
ends up the row above the toolbar, which is the row above the chip bar, with
the photo giving way above it. Frames are 44px so the eight of a folder fit
the 414px a phone has between the insets and the roll does not have to be
scrolled to be read. */
/* The thumbs filmstrip under the photo in Studio on mobile */
.workspace.is-mobile .studio-strip {
gap: 6px !important;
/* The strip is centred when it is narrower than the stage, and a centred row
starts where its own width leaves it — 18px in, against the bar's 8px. It
takes the whole width so its first frame lands on the bar's own inset. */
width: 100% !important;
margin-top: auto !important;
flex: 0 0 auto !important;
margin: 0 !important;
padding-bottom: 0 !important;
scroll-padding-inline: 8px !important;
}