Styles and fixes in horizontal gallery

This commit is contained in:
Kuba Orlik 2025-12-29 23:49:02 +01:00
parent a1c9e51b90
commit d997098598
2 changed files with 6 additions and 3 deletions

View File

@ -93,7 +93,7 @@
"@koa/router": "^12.0.1",
"@sealcode/add-to-head": "^1.0.0",
"@sealcode/file-manager": "^1.0.2",
"@sealcode/jdd": "^0.8.1",
"@sealcode/jdd": "^0.8.3",
"@sealcode/jdd-editor": "^0.2.5",
"@sealcode/sealgen": "^0.19.6",
"@sealcode/show-first-row": "^0.1.0",

View File

@ -1,5 +1,6 @@
.horizontal-gallery {
--max-image-width: 600px;
background-color: var(--color-brand-text-bg);
.horizontal-gallery__top-bar {
display: flex;
@ -12,7 +13,7 @@
line-height: 48px;
font-family: var(--font-headings);
text-align: center;
color: var(--color-brand-text-accent);
color: var(--color-brand-text-fg);
flex-grow: 1;
margin-top: 0;
margin-bottom: 0;
@ -74,7 +75,9 @@
border-radius: 10px;
max-height: min(75vh, 700px);
width: auto !important;
max-width: 100cqw;
max-width: calc(
100cqw - 16px
); /* at just 100cqw it breaks the scroller when the images are very horizontal */
}
picture {