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 { .mediaPaddingWrapper {
padding-bottom: 5px; padding-bottom: 5px;
display: flex; display: inline-flex;
justify-content: center;
align-items: center;
position: relative; position: relative;
} }
.threadIcons { .threadIcons {
position: absolute; position: absolute;
top: 2px; top: 2px;
right: 16px; right: 2px;
} }
.threadIcons span { .threadIcons span {
@@ -52,17 +50,15 @@
background-color: var(--media-thumbnail-background-color); background-color: var(--media-thumbnail-background-color);
width: var(--width); width: var(--width);
height: var(--height); height: var(--height);
max-width: 150px; display: inline-flex;
max-height: 150px; justify-content: center;
align-items: center;
} }
.post img, .post video, .post audio { .post img, .post video, .post audio {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
width: 100%; max-width: 150px;
height: 100%; max-height: 150px;
min-width: 50px;
min-height: 50px;
object-fit: contain;
} }
.meta { .meta {