platform/packages/ui/src/components/Status.svelte
Alexander Platov 67b7c9df24
New themes (#3049)
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
Signed-off-by: Denis Bykhov <bykhov.denis@gmail.com>
Co-authored-by: Denis Bykhov <bykhov.denis@gmail.com>
2023-04-24 00:37:24 +07:00

34 lines
824 B
Svelte

<script lang="ts">
import type { Status } from '@hcengineering/platform'
import { Severity } from '@hcengineering/platform'
import Info from './icons/Info.svelte'
import Label from './Label.svelte'
export let status: Status
export let overflow: boolean = true
</script>
<div class="flex-center container {status.severity}" class:overflow-label={overflow}>
{#if status.severity !== Severity.OK}
<Info size={'small'} />
<span class="text-sm ml-2" class:overflow-label={overflow}
><Label label={status.code} params={status.params} /></span
>
{/if}
</div>
<style lang="scss">
.container {
user-select: none;
font-size: 14px;
color: var(--theme-content-color);
&.WARNING {
color: yellow;
}
&.ERROR {
color: var(--system-error-color);
}
}
</style>