mirror of
https://github.com/danbulant/Portfolio
synced 2026-05-24 12:35:31 +00:00
43 lines
No EOL
807 B
Svelte
43 lines
No EOL
807 B
Svelte
<script lang="ts">
|
|
import type { Status } from "../../../stores/portfolio";
|
|
|
|
|
|
export let status: Status;
|
|
let title: string;
|
|
|
|
$: switch (status) {
|
|
case "submitted":
|
|
title = "Odeslané";
|
|
break;
|
|
case "uploaded":
|
|
title = "Nahráno";
|
|
break;
|
|
case "missing":
|
|
title = "Chybí";
|
|
break;
|
|
};
|
|
</script>
|
|
|
|
<!-- make red dot -->
|
|
<div class="flex flex-col justify-between">
|
|
<span class="mt-1 w-5 h-5 rounded-full {status}" />
|
|
<h3 class="ml-8 font-bold text-xl">{title}</h3>
|
|
</div>
|
|
|
|
<style>
|
|
span {
|
|
@apply absolute rounded-full p-1;
|
|
}
|
|
|
|
.submitted {
|
|
@apply bg-green-700;
|
|
}
|
|
|
|
.uploaded {
|
|
@apply bg-yellow-700;
|
|
}
|
|
|
|
.missing {
|
|
@apply bg-red-700;
|
|
}
|
|
</style> |