simple photo viewer

2025-10-28 23:37:48 +01:00 · 2020-10-15 15:59:58 +03:00
parent c3e12aa250
commit ed7497a4d6
11 changed files with 269 additions and 29 deletions
--- a/frontend/src/Photos/Overview.scss
+++ b/frontend/src/Photos/Overview.scss
@@ -0,0 +1,52 @@
+@import "~@blueprintjs/core/lib/scss/variables";
+
+#overview {
+    display: flex;
+    flex-direction: column;
+
+    #actionbar {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-end;
+        justify-content: center;
+    }
+
+    .list {
+        display: flex;
+        flex-shrink: 0;
+        flex-grow: 0;
+        flex-wrap: wrap;
+
+        // 400px is the minimal width for 2 cards to fit
+        @media (max-width: 400px) {
+            justify-content: center;
+        }
+
+        .photoCard {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            transition: 0.3s;
+            user-select: none;
+            height: 15rem;
+            width: 20rem;
+            margin: 1rem;
+            padding: 0rem;
+            overflow: hidden;
+
+            img {
+                min-height: 100%;
+                min-width: 100%;
+                max-width: 100%;
+                max-height: 100%;
+                width: auto;
+                height: auto;
+                object-fit: cover;
+            }
+        }
+    }
+}
+
+.bp3-dark {
+    #overview {}
+}