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

add media on mobile

Browse Source
This commit is contained in:
plebeius.eth
2024-03-29 20:43:58 +01:00
parent b888b9bf68
commit a8adb2a80e
5 changed files with 47 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/media/media.module.css
+18 -11
View File
@@ -1,23 +1,29 @@
.thumbnail {
.thumbnailBig {
width: var(--width);
height: var(--height);
float: left;
padding: 3px 20px 5px 0;
width: var(--width, 250px);
height: var(--height, 250px);
}
.thumbnailHidden {
display: none;
.thumbnailSmall {
width: var(--width);
height: var(--height);
float: left;
padding: 3px 10px 5px 5px;
}
.thumbnailVisible {
display: block;
}
.thumbnailWrapper {
background-color: var(--background-thumbnail);
.thumbnailWrapperBig {
background-color: var(--post-thumbnail-background-color);
display: inline-block;
height: 250px;
width: 250px;
}
.thumbnailWrapperSmall {
background-color: var(--post-thumbnail-background-color);
display: inline-block;
height: 150px;
width: 150px;
}
.transparentThumbnailWrapper {
@@ -26,6 +32,7 @@
}
.thumbnail img, .thumbnail video {
object-fit: contain;
width: 100%;
height: 100%;
}