Styles and fixes in horizontal gallery
This commit is contained in:
parent
a1c9e51b90
commit
d997098598
@ -93,7 +93,7 @@
|
|||||||
"@koa/router": "^12.0.1",
|
"@koa/router": "^12.0.1",
|
||||||
"@sealcode/add-to-head": "^1.0.0",
|
"@sealcode/add-to-head": "^1.0.0",
|
||||||
"@sealcode/file-manager": "^1.0.2",
|
"@sealcode/file-manager": "^1.0.2",
|
||||||
"@sealcode/jdd": "^0.8.1",
|
"@sealcode/jdd": "^0.8.3",
|
||||||
"@sealcode/jdd-editor": "^0.2.5",
|
"@sealcode/jdd-editor": "^0.2.5",
|
||||||
"@sealcode/sealgen": "^0.19.6",
|
"@sealcode/sealgen": "^0.19.6",
|
||||||
"@sealcode/show-first-row": "^0.1.0",
|
"@sealcode/show-first-row": "^0.1.0",
|
||||||
|
|||||||
@ -1,5 +1,6 @@
|
|||||||
.horizontal-gallery {
|
.horizontal-gallery {
|
||||||
--max-image-width: 600px;
|
--max-image-width: 600px;
|
||||||
|
background-color: var(--color-brand-text-bg);
|
||||||
|
|
||||||
.horizontal-gallery__top-bar {
|
.horizontal-gallery__top-bar {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -12,7 +13,7 @@
|
|||||||
line-height: 48px;
|
line-height: 48px;
|
||||||
font-family: var(--font-headings);
|
font-family: var(--font-headings);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: var(--color-brand-text-accent);
|
color: var(--color-brand-text-fg);
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
@ -74,7 +75,9 @@
|
|||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
max-height: min(75vh, 700px);
|
max-height: min(75vh, 700px);
|
||||||
width: auto !important;
|
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 {
|
picture {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user