refactor: update alert style

manankarnik · Mar 10, 2024 · 01aa74d · 01aa74d
1 parent ef9d07c
commit 01aa74d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/lib/components/generate/publish-popup.svelte b/src/lib/components/generate/publish-popup.svelte
@@ -92,8 +92,8 @@
 </script>
 
 <div class={`absolute top-20 flex h-20 w-full justify-center ${alert ? "" : "hidden"}`}>
-  <Alert.Root variant="success" class="w-30 bg-slate-100 dark:bg-slate-900">
-    <CheckCircle2 class="h-4 w-4 text-green-500" />
+  <Alert.Root variant="success" class="w-30 bg-transparent backdrop-blur-xl">
+    <CheckCircle2 class="h-4 w-4" />
     <Alert.Title>Success</Alert.Title>
     <Alert.Description>Asset publised successfully!</Alert.Description>
   </Alert.Root>

diff --git a/src/routes/manage/+page.svelte b/src/routes/manage/+page.svelte
@@ -38,8 +38,8 @@
 
 
 <div class={`fixed left-0 top-20 flex h-20 w-full justify-center ${alert ? "" : "hidden"}`}>
-  <Alert.Root variant="success" class="w-30 bg-slate-100 dark:bg-slate-900">
-    <CheckCircle2 class="h-4 w-4 text-green-500" />
+  <Alert.Root variant="success" class="w-30 bg-transparent backdrop-blur-xl">
+    <CheckCircle2 class="h-4 w-4" />
     <Alert.Title>Success</Alert.Title>
     <Alert.Description>Asset deleted successfully!</Alert.Description>
   </Alert.Root>