aboutsummaryrefslogtreecommitdiff
path: root/src/public
diff options
context:
space:
mode:
Diffstat (limited to 'src/public')
-rw-r--r--src/public/styles.css40
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
64img.media-maximized {
65 cursor: zoom-in;
66}
67
64img.media-maximized.zoom { 68img.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
69main { 74main {
@@ -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}