You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
618 B
29 lines
618 B
<script lang="ts">
|
|
import type Status from "$lib/models/status";
|
|
import StatusColor from "./StatusColor.svelte";
|
|
import StatusIcon from "./StatusIcon.svelte";
|
|
import StatusText from "./StatusText.svelte";
|
|
|
|
export let status: Status
|
|
</script>
|
|
|
|
<div class="entry-status">
|
|
<StatusColor status={status}>
|
|
<StatusIcon status={status} />
|
|
<StatusText status={status} />
|
|
</StatusColor>
|
|
</div>
|
|
|
|
<style lang="scss">
|
|
@import "../colors.sass";
|
|
|
|
div.entry-status {
|
|
font-size: 0.75em;
|
|
font-weight: 600;
|
|
opacity: $opacity-entry5;
|
|
|
|
:global(.icon) {
|
|
font-size: 0.75em;
|
|
}
|
|
}
|
|
</style>
|