xmr-remote-nodes/frontend/src/routes/(front)/remote-nodes/components/CountryCellWithAsn.svelte

38 lines
773 B
Svelte

<script lang="ts">
export let cc: string;
export let country_name: string;
export let city: string;
export let asn: number;
export let asn_name: string;
$: lowerCc = cc.toLowerCase();
</script>
{#if cc != ''}
{#if city !== ''}
{city},
{/if}
{country_name}
<img
class="inline-block"
src="https://edge.ditatompel.com/assets/img/cf/svg/{lowerCc}.svg"
alt="{cc} Flag"
width="22px"
/>
{/if}
{#if asn !== 0}
<br /><a class="asn" href="/asn/{asn}">AS{asn}</a> (<span class="asn-name">{asn_name}</span>)
{/if}
<style lang="postcss">
a {
@apply font-semibold text-sky-800 underline dark:text-sky-500;
}
a.asn {
@apply !text-purple-800 dark:!text-purple-400;
}
span.asn-name {
@apply font-semibold text-green-800 dark:text-green-500;
}
</style>