blob: 8e787989c4ca90cbf435b2465f9eea85fcfcd4bf (
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
|
<script lang="ts">
import type Lab from "../../models/Lab";
import Icon from "./Icon.svelte";
export let lab: Lab;
export let iconClick = () => {};
export let iconName: string;
</script>
<!-- Lab box -->
<div
class="block border-b px-3 py-3 hover:bg-sky-100 hover:text-black h-20 overflow-hidden"
>
<!-- Lab content -->
<div class="flex flex-col">
<!-- Top Half -->
<div class="flex flex-row">
<strong class="flex-grow">CSCE {lab.course} - {lab.section}</strong>
<Icon
name={iconName}
class="h-6 w-6"
handleClick={() => {
iconClick();
}}
/>
</div>
</div>
<!-- Bottom half -->
<div>
<p class="text-xs">{lab.event.info}</p>
<p class="text-xs">{lab.building} {lab.room}</p>
</div>
</div>
|
