shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add persistent gallery card ratio switch
All checks were successful
Deploy Sokko G / deploy (push) Successful in 18s
Details

Browse source
This commit is contained in:
Shinuwa 2026-09-28 10:09:58 +02:00
parent bd4059c9c1
commit 3f86d863ac
10 changed files with 72 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

7
website/src/styles/overlays/_image-viewer.scss
View file

@ -215,6 +215,7 @@
.image-viewer-gallery {
--image-gallery-thumbnail-width: 260px;
--image-gallery-card-ratio: 4 / 3;
display: flex;
width: 100%;
max-width: 100%;
@ -230,12 +231,16 @@
padding: 20px 28px 28px;
}
.image-viewer-gallery[data-card-ratio="1:1"] {
--image-gallery-card-ratio: 1 / 1;
}
.image-viewer-gallery-item {
display: grid;
width: min(100%, var(--image-gallery-thumbnail-width));
max-width: 100%;
min-width: 0;
aspect-ratio: 4 / 3;
aspect-ratio: var(--image-gallery-card-ratio);
flex: 0 1 var(--image-gallery-thumbnail-width);
grid-template-rows: minmax(0, 1fr) auto;
align-self: flex-start;