diff options
| author | Furkan Sahin <furkan-dev@proton.me> | 2022-06-03 07:09:51 -0500 |
|---|---|---|
| committer | Furkan Sahin <furkan-dev@proton.me> | 2022-06-03 07:09:51 -0500 |
| commit | dfa606185a796160370cbcf943442adccbb9b7b1 (patch) | |
| tree | a27cf065d383cb7211fb1ace6eae22ca407037d6 /src | |
| parent | 7a556a2981d4c0f78a9c8fe9836c00df9e396604 (diff) | |
Sidebar scaffolding. Will handle switching between features
Diffstat (limited to 'src')
| -rw-r--r-- | src/Sidebar.svelte | 27 |
1 files changed, 27 insertions, 0 deletions
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> |