Styles and fixes in horizontal gallery
This commit is contained in:
parent
a1c9e51b90
commit
d997098598
@ -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",
|
||||
|
||||
@ -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 {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user