From 76d238517f407b0b6a91739343559c7a0c370a80 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ferit=20Yi=C4=9Fit=20BALABAN?= <fyb@duck.com>
Date: Wed, 27 Jul 2022 17:28:58 +0300
Subject: [PATCH] Add hover transitions to gallery

---
 resources/css/views/galeri.scss | 32 +++++++++++++++++++++++++++-----
 1 file changed, 27 insertions(+), 5 deletions(-)

diff --git a/resources/css/views/galeri.scss b/resources/css/views/galeri.scss
index 6d523c9..e1d5d0f 100644
--- a/resources/css/views/galeri.scss
+++ b/resources/css/views/galeri.scss
@@ -1,9 +1,14 @@
+@use "../mixins";
+
 #fullscreen {
+  margin: 0;
+  padding: 0;
   display: none;
   align-items: center;
   justify-content: center;
-  width: 99vw;
+  width: 100%;
   height: 100vh;
+  background: black;
 
   #fullscreen-img {
     max-width: 100%;
@@ -19,15 +24,32 @@
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
+  overflow: hidden;
 
-  .photo {
+  .photo-container {
     margin: 1vh 1vw;
     width: 25%;
     height: 25%;
-    cursor: pointer;
+    overflow: hidden;
 
-    &:hover {
-      filter: brightness(1.3);
+    .photo {
+      width: 100%;
+      height: 100%;
+      cursor: pointer;
+      transition: 750ms all ease-in-out;
+      filter: brightness(80%);
+
+      &:hover {
+        filter: brightness(100%);
+        transform: scale(1.3);
+      }
+
+      @include mixins.mx_ismobile {
+        &:active {
+          filter: brightness(100%);
+          transform: scale(1.3);
+        }
+      }
     }
   }
 }
\ No newline at end of file