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 click to enlarge media on desktop

Browse Source
This commit is contained in:
plebeius.eth
2024-04-01 14:24:10 +02:00
parent 857e6850b6
commit 6cc9a6fa33
41 changed files with 197 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/media/media.module.css
+32
View File
@@ -3,6 +3,7 @@
width: var(--width);
height: var(--height);
margin: 3px 20px 5px 0;
float: left;
display: flex;
justify-content: center;
align-items: center;
@@ -13,6 +14,7 @@
width: var(--width);
height: var(--height);
margin: 3px 10px 5px 5px;
float: left;
display: flex;
justify-content: center;
align-items: center;
@@ -27,3 +29,33 @@
max-width: 125px;
max-height: 125px;
}
.hide {
display: none !important;
}
.thumbnail .show {
display: block;
}
.content img {
cursor: pointer;
max-width: 100%;
max-height: 100%;
}
.content iframe {
border: none;
}
@media (min-width: 640px) {
.media img, .media iframe, .media video, .media audio {
margin: 3px 20px 5px 0;
}
}
@media (max-width: 640px) {
.media img, .media iframe, .media video, .media audio {
margin: 3px 10px 5px 5px;
}
}