feat: rework home page file selector

2025-04-30 23:12:46 +02:00
parent ed3c6d7cc7
commit 02279b8c6f
7 changed files with 473 additions and 26 deletions
--- a/editor/public/static/css/index.css
+++ b/editor/public/static/css/index.css
@ -0,0 +1,37 @@
+#files {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
+    grid-auto-rows: 15em;
+    gap: 0.8em;
+    place-items: center;
+    
+    .file {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: flex-start;
+        width: 100%;
+        height: 100%;
+        text-decoration: none;
+        color: black;
+        font-family: inherit;
+        font-size: inherit;
+        padding: 0.4em;
+        border-radius: 1.2em;
+
+        &:hover {
+            background-color: #f8f8f8;
+        }
+
+        img {
+            width: 10em;
+            height: 10em;
+        }
+
+        .title {
+            overflow-wrap: anywhere;
+            text-align: center;
+            font-weight: bold;
+        }
+    }
+}