selfhostable, read-only reddit client
Tweak CSS for `spoiler` / `nsfw` in card view and `max-height` in `card` view.
+10
-15
+10
-15
src/public/styles.css
+10
-15
src/public/styles.css
···
199
199
200
200
.image-viewer {
201
201
position: relative;
202
-
padding: 0.3rem;
203
-
padding-bottom: 0.3rem;
202
+
margin: 0.9rem;
203
+
margin-bottom: 0.3rem;
204
+
}
205
+
206
+
.image-viewer:not(:has(details)) {
207
+
margin: unset;
204
208
}
205
209
206
210
.image-viewer > img {
···
281
285
border-radius: var(--border-radius-preview);
282
286
}
283
287
284
-
.image-viewer {
285
-
padding: unset;
286
-
}
287
-
288
288
.image-viewer img,
289
289
.image-viewer video {
290
290
border-radius: var(--border-radius-media);
291
291
292
-
max-height: 40vh;
292
+
max-height: 50vh;
293
293
max-width: 95%;
294
294
295
295
display: block;
···
380
380
.image-viewer img,
381
381
.image-viewer video
382
382
{
383
-
max-height: 50vh;
383
+
max-height: 45vh;
384
384
}
385
385
.image-viewer a {
386
386
font-size: 1rem;
···
426
426
.image-viewer img,
427
427
.image-viewer video
428
428
{
429
-
max-height: 30vh;
429
+
max-height: 35vh;
430
430
}
431
431
.media-preview a {
432
432
font-size: 2rem;
···
470
470
.image-viewer img,
471
471
.image-viewer video
472
472
{
473
-
max-height: 20vh;
473
+
max-height: 30vh;
474
474
}
475
475
.sort-opts,
476
476
.view-opts {
···
665
665
666
666
.gallery-item-idx {
667
667
text-align: center;
668
-
}
669
-
670
-
.gallery img {
671
-
width: auto;
672
-
max-height: 500px;
673
668
}
674
669
675
670
.post-title {