External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

style(catalog row): adjust sizing of media wrappers

Browse Source
This commit is contained in:
plebeius.eth
2024-04-13 13:00:52 +02:00
parent e7e0c939f4
commit 1c125d17a7
1 changed files with 7 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/catalog-row/catalog-row.module.css
+7 -11
View File
@@ -18,16 +18,14 @@
.mediaPaddingWrapper {
padding-bottom: 5px;
display: flex;
justify-content: center;
align-items: center;
display: inline-flex;
position: relative;
}
.threadIcons {
position: absolute;
top: 2px;
right: 16px;
right: 2px;
}
.threadIcons span {
@@ -52,17 +50,15 @@
background-color: var(--media-thumbnail-background-color);
width: var(--width);
height: var(--height);
max-width: 150px;
max-height: 150px;
display: inline-flex;
justify-content: center;
align-items: center;
}
.post img, .post video, .post audio {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
width: 100%;
height: 100%;
min-width: 50px;
min-height: 50px;
object-fit: contain;
max-width: 150px;
max-height: 150px;
}
.meta {