mirror of
https://github.com/danbulant/Portfolio
synced 2026-05-24 12:35:31 +00:00
41 lines
838 B
Svelte
41 lines
838 B
Svelte
<script lang="ts">
|
|
import type { Status } from '$lib/stores/portfolio';
|
|
import StatusNotificationDot from './StatusNotificationDot.svelte';
|
|
|
|
export let status: Status;
|
|
|
|
let title: string;
|
|
switch (status) {
|
|
case 'submitted':
|
|
title = 'Soubory odeslány!';
|
|
break;
|
|
case 'uploaded':
|
|
title = 'Soubory nahrány!';
|
|
break;
|
|
case 'missing':
|
|
title = 'Chybí soubory!';
|
|
break;
|
|
}
|
|
</script>
|
|
|
|
<div class="mb-8 flex rounded-full bg-white">
|
|
<div class="mt-3 mb-3 ml-3 flex flex-row">
|
|
<h2 class="text-sspsBlueDark ml-2 text-2xl font-bold">{title}</h2>
|
|
<span class="ml-32 h-8 w-8 self-center rounded-full {status}" />
|
|
<!-- <StatusNotificationDot {status} /> -->
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.submitted {
|
|
@apply bg-[#35e000ff];
|
|
}
|
|
|
|
.uploaded {
|
|
@apply bg-[#ff8530ff];
|
|
}
|
|
|
|
.missing {
|
|
@apply bg-[#ff3030ff];
|
|
}
|
|
</style>
|