blob: 9fa8553f7b13d8dc1c1272c8901c72ffa663c66c (
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
35
36
37
38
39
40
41
42
43
|
<script>
import DarkModeSwitch from "./DarkModeSwitch.svelte";
$: active_section = 2;
let sections = [
'File Uploads',
'Peer Teachers',
'Labs',
'Active Peer Teachers',
'Stats',
'TAMU html output'
]
</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="flex-col overflow-y-auto">
<ul class="menu bg-base-100 w-full">
{#each sections as sec, i}
<li><div> {sec} </div></li>
{/each}
</ul>
</div>
</div>
<!-- Main content -->
<div class="flex-auto">Content</div>
</div>
|
