selfhostable, read-only reddit client
16
fork

Configure Feed

Select the types of activity you want to include in your feed.

Tweak CSS for `spoiler` / `nsfw` in card view and `max-height` in `card` view.

+10 -15
+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 {