diff options
Diffstat (limited to 'src/public')
-rw-r--r-- | src/public/styles.css | 40 |
1 files changed, 5 insertions, 35 deletions
diff --git a/src/public/styles.css b/src/public/styles.css index abc2f13..b1d1318 100644 --- a/src/public/styles.css +++ b/src/public/styles.css | |||
@@ -61,9 +61,14 @@ div.media-maximized.container.zoom { | |||
61 | overflow: auto; | 61 | overflow: auto; |
62 | } | 62 | } |
63 | 63 | ||
64 | img.media-maximized { | ||
65 | cursor: zoom-in; | ||
66 | } | ||
67 | |||
64 | img.media-maximized.zoom { | 68 | img.media-maximized.zoom { |
65 | max-width: unset; | 69 | max-width: unset; |
66 | max-height: unset; | 70 | max-height: unset; |
71 | cursor: zoom-out; | ||
67 | } | 72 | } |
68 | 73 | ||
69 | main { | 74 | main { |
@@ -195,41 +200,6 @@ nav { | |||
195 | cursor: pointer; | 200 | cursor: pointer; |
196 | } | 201 | } |
197 | 202 | ||
198 | .image-viewer.card { | ||
199 | /* Safari on iOS <= 17 */ | ||
200 | -webkit-backdrop-filter: blur(2rem); | ||
201 | backdrop-filter: blur(2rem); | ||
202 | position: fixed; | ||
203 | inset: 0; | ||
204 | box-sizing: border-box; | ||
205 | display: flex; | ||
206 | height: 100%; | ||
207 | width: 100%; | ||
208 | justify-content: center; | ||
209 | align-items: center; | ||
210 | z-index: 100; | ||
211 | } | ||
212 | |||
213 | .image-viewer.card > button { | ||
214 | position: absolute; | ||
215 | top: 0; | ||
216 | right: 0; | ||
217 | margin: 1rem; | ||
218 | padding: initial; | ||
219 | height: 3rem; | ||
220 | width: 3rem; | ||
221 | font-size: 2rem; | ||
222 | border-radius: 100%; | ||
223 | cursor: pointer; | ||
224 | } | ||
225 | |||
226 | .image-viewer.card > a > img { | ||
227 | max-width: 100vw; | ||
228 | max-height: 100vh; | ||
229 | width: auto; | ||
230 | height: auto; | ||
231 | } | ||
232 | |||
233 | .gallery.card { | 203 | .gallery.card { |
234 | align-items: center; | 204 | align-items: center; |
235 | } | 205 | } |