Styling of nav and harmonie

2025-02-03 20:24:20 +02:00
parent 8d77a6a582
commit c1b1226678
5 changed files with 70 additions and 14 deletions
@@ -15,16 +15,18 @@ export const Harmonie: Component<{}> = () => {
            setFileList(fileList)
        })

-    return <div>
-        Harmonie
-        <ul class={styles.fileList}>
-            {getFileList().map(fileName =>
-                <GribFile 
-                    name={fileName}
-                    isActive={() => getActiveGrib() === fileName}
-                    onClick={() => setActiveGrib(fileName)}
-                />
-            )}
-        </ul>
+    return <div class={styles.container}>
+        <div class={styles.column}>
+            <ul class={styles.fileList}>
+                {getFileList().map(fileName =>
+                    <GribFile 
+                        name={fileName}
+                        isActive={() => getActiveGrib() === fileName}
+                        onClick={() => setActiveGrib(fileName)}
+                    />
+                )}
+            </ul>
+        </div>
+        <div class={styles.column}>here goes pictures</div>
    </div>
 }