diff options
Diffstat (limited to 'src/public/styles.css')
-rw-r--r-- | src/public/styles.css | 27 |
1 files changed, 15 insertions, 12 deletions
diff --git a/src/public/styles.css b/src/public/styles.css index bc0e1ec..deaf63d 100644 --- a/src/public/styles.css +++ b/src/public/styles.css | |||
@@ -11,9 +11,9 @@ | |||
11 | --link-visited-color: #999; | 11 | --link-visited-color: #999; |
12 | --accent: var(--link-color); | 12 | --accent: var(--link-color); |
13 | --error-text-color: red; | 13 | --error-text-color: red; |
14 | --border-radius-card: 8px; | 14 | --border-radius-card: 4vmin; |
15 | --border-radius-media: 6px; | 15 | --border-radius-media: 3vmin; |
16 | --border-radius-preview: 4px; | 16 | --border-radius-preview: 2vmin; |
17 | 17 | ||
18 | font-family: Inter, sans-serif; | 18 | font-family: Inter, sans-serif; |
19 | font-feature-settings: 'ss01' 1, 'kern' 1, 'liga' 1, 'cv05' 1, 'dlig' 1, 'ss01' 1, 'ss07' 1, 'ss08' 1; | 19 | font-feature-settings: 'ss01' 1, 'kern' 1, 'liga' 1, 'cv05' 1, 'dlig' 1, 'ss01' 1, 'ss07' 1, 'ss08' 1; |
@@ -302,6 +302,15 @@ summary::before { | |||
302 | object-fit: fill; | 302 | object-fit: fill; |
303 | } | 303 | } |
304 | 304 | ||
305 | .image-viewer.main-content img, | ||
306 | .image-viewer.main-content video { | ||
307 | max-height: 70vh; | ||
308 | } | ||
309 | |||
310 | .image-viewer.main-content a { | ||
311 | margin: unset; | ||
312 | } | ||
313 | |||
305 | .image-viewer a:has(img) { | 314 | .image-viewer a:has(img) { |
306 | font-size: 0rem; | 315 | font-size: 0rem; |
307 | padding: unset; | 316 | padding: unset; |
@@ -311,7 +320,8 @@ summary::before { | |||
311 | .image-viewer a { | 320 | .image-viewer a { |
312 | font-size: 1.5rem; | 321 | font-size: 1.5rem; |
313 | text-decoration: none; | 322 | text-decoration: none; |
314 | padding: 1rem; | 323 | padding: unset; |
324 | margin: 1rem; | ||
315 | } | 325 | } |
316 | 326 | ||
317 | .media-maximized { | 327 | .media-maximized { |
@@ -415,7 +425,7 @@ form { | |||
415 | } | 425 | } |
416 | .image-viewer a { | 426 | .image-viewer a { |
417 | font-size: 1rem; | 427 | font-size: 1rem; |
418 | margin: 0.5rem; | 428 | margin: 1rem; |
419 | padding: initial; | 429 | padding: initial; |
420 | } | 430 | } |
421 | .self-text.card { | 431 | .self-text.card { |
@@ -613,13 +623,6 @@ details:not([open]) summary::before { | |||
613 | padding-right: 10px; | 623 | padding-right: 10px; |
614 | } | 624 | } |
615 | 625 | ||
616 | details.compact { | ||
617 | /* | ||
618 | display: flex; | ||
619 | flex-basis: 100%; | ||
620 | */ | ||
621 | } | ||
622 | |||
623 | .footer { | 626 | .footer { |
624 | padding-bottom: 40px; | 627 | padding-bottom: 40px; |
625 | } | 628 | } |