ulivargas/classroomio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add classes list page

Browse Source
This commit is contained in:
Ibitoye Rotimi Best
2021-05-06 08:22:25 +03:00
parent 7ea20260d4
commit 5268d10ba6
11 changed files with 254 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/timetable.svelte
+31 -29
View File
@@ -8,14 +8,41 @@
$: tab = $page.query.tab || "mine";
</script>
<svelte:head>
<title>Расписание</title>
</svelte:head>
<div class="root">
<div class="header flex justify-between mb-2">
<h4 class="title">Расписание</h4>
<div class="flex justify-evenly items-center">
<a
class="mr-5 text-sm {tab === 'mine' && 'active'}"
href="/timetable?tab=mine"
>
Мои
</a>
<a
class="mr-5 text-sm {tab === 'saved' && 'active'}"
href="/timetable?tab=saved"
>
Сохранение
</a>
</div>
</div>
<TimeTable />
<TimeTable />
<TimeTable />
</div>
<style>
.root {
margin: 0 auto;
border-left: 1px solid #eaecef;
border-right: 1px solid #eaecef;
border-left: 1px solid var(--border-color);
border-right: 1px solid var(--border-color);
}
.root .header {
border-bottom: 1px solid #eaecef;
border-bottom: 1px solid var(--border-color);
padding: 15px;
}
@@ -29,32 +56,7 @@
content: "";
width: 100%;
height: 3px;
background-color: #3182ce;
background-color: var(--main-primary-color);
display: block;
}
</style>
<svelte:head>
<title>Расписание</title>
</svelte:head>
<div class="root">
<div class="header flex justify-between mb-2">
<h4 class="title">Расписание</h4>
<div class="flex justify-evenly items-center">
<a
class="mr-5 text-sm {tab === 'mine' && 'active'}"
href="/timetable?tab=mine">
Мои
</a>
<a
class="mr-5 text-sm {tab === 'saved' && 'active'}"
href="/timetable?tab=saved">
Сохранение
</a>
</div>
</div>
<TimeTable />
<TimeTable />
<TimeTable />
</div>