blob: c086452ae31a358ceb250e9961e24bf90389a204 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
<script>
import DarkModeSwitch from "./DarkModeSwitch.svelte";
</script>
<!-- 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"
>
<!-- Text -->
<div>Peer Teacher Manager</div>
<div>
<DarkModeSwitch/>
</div>
</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>
{/each}
</div>
</div>
<!-- Main content -->
<div class="flex-auto">Content</div>
</div>
|
