LukeParke/unicorn-utterances
1
0
Fork 0
mirror of https://github.com/LukeHagar/unicorn-utterances.git synced 2025-12-06 04:21:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix picture images not sizing correctly in tab containers (#1019)

Browse Source 
- Adds a `display: block; on picture tags to fix #1017 
- Fixes the image max_width (used for image compression) to match the
max page content size (which is now 896px)
This commit is contained in:
James Fenn
2024-01-23 17:48:17 -05:00
committed by GitHub
parent 8002522a7a 94a91edd43
commit e0ab371b4a
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/styles/post-body.scss
View File

@@ -75,6 +75,10 @@
color: var(--foreground_emphasis-high); color: var(--foreground_emphasis-high);
} }
picture {
display: block;
}
img:not([data-dont-round]):not([src$=".svg"]), img:not([data-dont-round]):not([src$=".svg"]),
video:not([data-dont-round]) { video:not([data-dont-round]) {
border-radius: var(--corner-radius_m); border-radius: var(--corner-radius_m);

2
src/utils/markdown/rehype-astro-image-md.ts
View File

@@ -17,7 +17,7 @@ import { getLargestSourceSetSrc } from "../get-largest-source-set-src";
const __dirname = path.dirname(fileURLToPath(import.meta.url)); const __dirname = path.dirname(fileURLToPath(import.meta.url));
const MAX_WIDTH = 768; const MAX_WIDTH = 896;
const MAX_HEIGHT = 768; const MAX_HEIGHT = 768;
/** /**