From dfa606185a796160370cbcf943442adccbb9b7b1 Mon Sep 17 00:00:00 2001
From: Furkan Sahin <furkan-dev@proton.me>
Date: Fri, 3 Jun 2022 07:09:51 -0500
Subject: Sidebar scaffolding. Will handle switching between features

---
 src/Sidebar.svelte | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src/Sidebar.svelte

(limited to 'src/Sidebar.svelte')

diff --git a/src/Sidebar.svelte b/src/Sidebar.svelte
new file mode 100644
index 0000000..b3fa352
--- /dev/null
+++ b/src/Sidebar.svelte
@@ -0,0 +1,27 @@
+<!-- Entire Page -->
+<div class="flex flex-row h-screen">
+    <!-- SIDEBAR -->
+    <div class="w-2/12 flex flex-col border-r">
+        <!-- Header for sidebar sections -->
+        <div
+            class="font-serif flex-none text-center text-2xl text-neutral-900 p-4 border-b font-black"
+        >
+            Peer Teacher Manager
+        </div>
+
+        <!-- Sidebar sections -->
+        <div class=" overflow-y-auto">
+            {#each Array(20) as _, i}
+                <div
+                    class="flex h-20 bg-sky-400 hover:bg-sky-700 active:bg-sky-800 border-b hover:drop-shadow-2xl font-bold justify-center items-center"
+                >
+                    Selection {i + 1}
+                </div>
+                <button class="btn btn-primary">Button</button>
+            {/each}
+        </div>
+    </div>
+
+    <!-- Main content -->
+    <div class="flex-auto">Content</div>
+</div>
-- 
cgit v1.2.3

