From a963963b724797081b71b3b746138a69d1fb3c34 Mon Sep 17 00:00:00 2001
From: Christian Ditaputratama <ditatompel@gmail.com>
Date: Mon, 28 Oct 2024 21:01:58 +0700
Subject: [PATCH] fix(ui): Postcss not working for Country cell

For some unknown reason, using postcss class is not working anymore
---
 .../datatables/xmr/CountryCellWithAsn.svelte           | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/frontend/src/lib/components/datatables/xmr/CountryCellWithAsn.svelte b/frontend/src/lib/components/datatables/xmr/CountryCellWithAsn.svelte
index a202cfd..2ccf424 100644
--- a/frontend/src/lib/components/datatables/xmr/CountryCellWithAsn.svelte
+++ b/frontend/src/lib/components/datatables/xmr/CountryCellWithAsn.svelte
@@ -18,22 +18,16 @@
 
 {#if asn !== 0}
 	<br /><a
-		class="external asn"
+		class="external !text-purple-800 dark:!text-purple-400"
 		href="https://www.ditatompel.com/asn/{asn}"
 		target="_blank"
 		rel="noopener">AS{asn}</a
 	>
-	(<span class="asn-name">{asn_name}</span>)
+	(<span class="font-semibold text-green-800 dark:text-green-500">{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>