From 326236ed317a0b09a87b749299dad5ad9b7bacc8 Mon Sep 17 00:00:00 2001
From: DepFA <35278260+dfaker@users.noreply.github.com>
Date: Mon, 19 Sep 2022 02:33:37 +0100
Subject: add styles for image zoom

---
 style.css | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index fb937f3a..adb50128 100644
--- a/style.css
+++ b/style.css
@@ -246,17 +246,26 @@ input[type="range"]{
   background-color: rgba(20, 20, 20, 0.95);
 }
 
-.modalClose {
+.modalClose, 
+.modalZoom {
   color: white;
   position: absolute;
   top: 10px;
   right: 25px;
   font-size: 35px;
   font-weight: bold;
+  cursor: pointer;
+}
+
+.modalZoom {
+  left: 10px;
+  right: auto;
 }
 
 .modalClose:hover,
-.modalClose:focus {
+.modalClose:focus,
+.modalZoom:hover,
+.modalZoom:focus {
   color: #999;
   text-decoration: none;
   cursor: pointer;
@@ -270,6 +279,11 @@ input[type="range"]{
     width: auto;
 }
 
+.modalImageFullscreen {
+    max-width: max-content;
+    height: 90%;
+}
+
 .modalPrev,
 .modalNext {
   cursor: pointer;
-- 
cgit v1.2.1