From 93dfe2be64e8658839bcfe5356adf35f8cde7075 Mon Sep 17 00:00:00 2001
From: Nicolas James <Eele1Ephe7uZahRie@tutanota.com>
Date: Thu, 13 Feb 2025 18:04:18 +1100
Subject: initial commit

---
 src/web/components/forum/Forum.css | 21 +++++++++++++++++++++
 src/web/components/forum/Forum.jsx | 14 ++++++++++++++
 2 files changed, 35 insertions(+)
 create mode 100644 src/web/components/forum/Forum.css
 create mode 100644 src/web/components/forum/Forum.jsx

(limited to 'src/web/components/forum')

diff --git a/src/web/components/forum/Forum.css b/src/web/components/forum/Forum.css
new file mode 100644
index 0000000..4ba6dea
--- /dev/null
+++ b/src/web/components/forum/Forum.css
@@ -0,0 +1,21 @@
+.container {
+    width: 100%;
+
+    /*
+    We're using dvh, which is a newish feature that excludes the size of mobile
+    added menus. If we don't use this and instead use 100vh, we have to scroll
+    before we see some elements at the bottom of the page.
+    */
+    height: calc(100vh - var(--nav-bar-height));
+    height: calc(100dvh - var(--nav-bar-height));
+
+    display: flex;
+
+    background-color: var(--black-15);
+}
+
+@media(min-width: 40em) {
+    .container {
+        border-radius: 1em 0 0 0;
+    }
+}
diff --git a/src/web/components/forum/Forum.jsx b/src/web/components/forum/Forum.jsx
new file mode 100644
index 0000000..eed0fe9
--- /dev/null
+++ b/src/web/components/forum/Forum.jsx
@@ -0,0 +1,14 @@
+import React from "react";
+
+import Posts from "components/posts/Posts.jsx";
+import Comments from "components/comments/Comments.jsx";
+import styles from "./Forum.css";
+
+export default function Forum() {
+    return (
+        <div className={styles.container}>
+            <Posts />
+            <Comments />
+        </div>
+    );
+}
\ No newline at end of file
-- 
cgit v1.2.3