add styles for image zoom

1 files changed, 16 insertions, 2 deletions

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;