Compare commits

..

2 Commits

Author SHA1 Message Date
d997098598 Styles and fixes in horizontal gallery 2025-12-29 23:49:02 +01:00
a1c9e51b90 Fix overflow in table with markdown 2025-12-29 23:11:59 +01:00
3 changed files with 7 additions and 3 deletions

View File

@ -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",

View File

@ -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 {

View File

@ -1,5 +1,6 @@
.table-with-markdown { .table-with-markdown {
width: 100%; width: 100%;
box-sizing: border-box;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
align-items: center; align-items: center;