27 lines
689 B
Svelte
27 lines
689 B
Svelte
<script lang="ts">
|
|
import ServerIdentity from './ServerIdentity.svelte';
|
|
import Badge from './primitives/Badge.svelte';
|
|
|
|
let { name, deletedAt, href }: { name: string; deletedAt?: string | null; href?: string } =
|
|
$props();
|
|
</script>
|
|
|
|
<span class="historical-server">
|
|
{#if href && !deletedAt}<a {href}><ServerIdentity {name} /></a>
|
|
{:else}<ServerIdentity {name} />{/if}
|
|
{#if deletedAt}<Badge>Deleted</Badge>{/if}
|
|
</span>
|
|
|
|
<style>
|
|
.historical-server {
|
|
display: inline-flex;
|
|
align-items: baseline;
|
|
flex-wrap: wrap;
|
|
gap: 6px 8px;
|
|
min-width: 0;
|
|
}
|
|
a {
|
|
color: var(--accent-primary-hover);
|
|
}
|
|
</style>
|