sam/kontra
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: body images constrained to container (max-width 100%); update decap config comment (media = git files, no Garage)

Browse Source
This commit is contained in:
sam
2026-09-10 12:43:07 +10:00
parent 12dac5abc1
commit e646be3434
2 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/src/web/admin/config.yml
View File

@@ -12,13 +12,12 @@ backend:
auth_endpoint: login/oauth/authorize auth_endpoint: login/oauth/authorize
clear_credentials_before_refresh: false clear_credentials_before_refresh: false
# Media goes to Garage S3 via shortcode at render time; Decap just stores the # Media: images are git files beside their article (content/subjects/<s>/<slug>/).
# object key inside the .md. If you instead want files committed to the repo, # Reference via {{media:<slug>/<file>}}. The Decap media library is DISABLED so it
# point media_folder at content/media and public_folder at /media. # cannot create orphan files in the repo — add images by dropping them into the
# Obsidian content folder instead.
media_folder: "" media_folder: ""
public_folder: "" public_folder: ""
# Media library is DISABLED — images are uploaded via the Kontra app at /admin/media
# (stored in Garage S3) and referenced in front matter as {{media:filename}}.
# ------------------------------------------------------------------ # ------------------------------------------------------------------
# Collections # Collections

4
app/src/web/assets/kontra.css
View File

@@ -113,6 +113,10 @@ figure.plate img { display: block; width: 100%; filter: grayscale(1) contrast(1.
figure.gridplate { background: var(--surface); border: 1px solid var(--hairline); } figure.gridplate { background: var(--surface); border: 1px solid var(--hairline); }
figure.gridplate img { display: block; width: 100%; aspect-ratio: 3/2; filter: grayscale(1) contrast(1.05); } figure.gridplate img { display: block; width: 100%; aspect-ratio: 3/2; filter: grayscale(1) contrast(1.05); }
/* Body/raw markdown images: never exceed their container (fixes overflow past column). */
.article-body img, .content-column img, .article-body video { max-width: 100%; height: auto; }
.container img { max-width: 100%; height: auto; }
.pullquote { background: var(--surface); border-left: 4px solid var(--accent); padding: 24px; border-radius: 0; } .pullquote { background: var(--surface); border-left: 4px solid var(--accent); padding: 24px; border-radius: 0; }
.pullquote .mark { font-family: var(--font-display); color: var(--accent); font-size: 38px; line-height: 1; opacity: 0.8; } .pullquote .mark { font-family: var(--font-display); color: var(--accent); font-size: 38px; line-height: 1; opacity: 0.8; }