Stylize galeri.html

2022-07-26 01:36:40 +03:00
parent 435e7c0b4c
commit dadcbf3277
2 changed files with 58 additions and 9 deletions
--- a/resources/css/views/galeri.scss
+++ b/resources/css/views/galeri.scss
@@ -0,0 +1,33 @@
+#fullscreen {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  width: 99vw;
+  height: 100vh;
+
+  #fullscreen-img {
+    max-width: 100%;
+    max-height: 100vh;
+    object-fit: cover;
+    cursor: pointer;
+  }
+}
+
+.gallery {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+
+  .photo {
+    margin: 1vh 1vw;
+    width: 25%;
+    height: 25%;
+    cursor: pointer;
+
+    &:hover {
+      filter: brightness(1.3);
+    }
+  }
+}