dakedres/rssssing
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change approach to centering images to avoid a weird element overflow issue

Browse Source
This commit is contained in:
Dakedres 2024-04-11 13:52:34 -06:00
parent 6bb80161e9
commit 8fcd25543d
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
assets/style.css
View File

@ -32,9 +32,12 @@ main li b {
padding-right: 2ch padding-right: 2ch
} }
figure {
position: relative;
margin-block: 10px 0;
}
img { img {
margin: 10px 0 10px 50%;
transform: translateX(-50%);
max-width: 100%; max-width: 100%;
} }
@ -60,4 +63,4 @@ footer a {
a { color: #ccf } a { color: #ccf }
mark { color: #fcc } mark { color: #fcc }
hr { border-color: #555 } hr { border-color: #555 }
} }

2
lib.js
View File

@ -620,7 +620,7 @@ export const renderPostDetail = (name, value) =>
export const renderImage = href => { export const renderImage = href => {
return `\ return `\
<a href="${href}"><img src="${href}" loading="lazy"></img></a>` <a href="${href}"> <figure> <img src="${href}" loading="lazy"></img> </figure> </a>`
} }
export const renderDate = date => export const renderDate = date =>