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

7
assets/style.css
View File

@ -32,9 +32,12 @@ main li b {
padding-right: 2ch
}
figure {
position: relative;
margin-block: 10px 0;
}
img {
margin: 10px 0 10px 50%;
transform: translateX(-50%);
max-width: 100%;
}

2
lib.js
View File

@ -620,7 +620,7 @@ export const renderPostDetail = (name, value) =>
export const renderImage = href => {
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 =>