diff options
| author | Volpeon <git@volpeon.ink> | 2021-12-30 10:28:07 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2021-12-30 10:28:07 +0100 |
| commit | 33dc1f94a84de8cf89772a85eedcc1c4ab3d627f (patch) | |
| tree | 9f7c19f623af7131df865055733b55e76b7da1b8 /assets/css/components | |
| parent | Improved lightbox (diff) | |
| download | volpeon.ink-33dc1f94a84de8cf89772a85eedcc1c4ab3d627f.tar.gz volpeon.ink-33dc1f94a84de8cf89772a85eedcc1c4ab3d627f.tar.bz2 volpeon.ink-33dc1f94a84de8cf89772a85eedcc1c4ab3d627f.zip | |
Fix lightbox
Diffstat (limited to 'assets/css/components')
| -rw-r--r-- | assets/css/components/_lightbox.scss | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/assets/css/components/_lightbox.scss b/assets/css/components/_lightbox.scss index 165e21c..f497a5e 100644 --- a/assets/css/components/_lightbox.scss +++ b/assets/css/components/_lightbox.scss | |||
| @@ -26,6 +26,7 @@ | |||
| 26 | justify-content: center; | 26 | justify-content: center; |
| 27 | width: 100%; | 27 | width: 100%; |
| 28 | height: 100%; | 28 | height: 100%; |
| 29 | padding-bottom: 3vh; | ||
| 29 | transition: opacity .2s, visibility .2s; | 30 | transition: opacity .2s, visibility .2s; |
| 30 | opacity: 0; | 31 | opacity: 0; |
| 31 | 32 | ||
| @@ -56,12 +57,11 @@ | |||
| 56 | } | 57 | } |
| 57 | 58 | ||
| 58 | @include element('img') { | 59 | @include element('img') { |
| 59 | max-width: 100%; | 60 | max-width: 100%; |
| 60 | min-height: 0; | 61 | min-height: 0; |
| 61 | max-height: 100%; | 62 | max-height: 100%; |
| 62 | margin-top: auto; | 63 | margin-top: auto; |
| 63 | margin-bottom: auto; | 64 | margin-bottom: auto; |
| 64 | padding-bottom: 2rem; | ||
| 65 | } | 65 | } |
| 66 | 66 | ||
| 67 | @include element('close', 'prev', 'next') { | 67 | @include element('close', 'prev', 'next') { |