From 8b2de4edf7a2b7ae5c4bcf6aa0b63313da80b46d Mon Sep 17 00:00:00 2001
From: memdmp <memdmp@estrogen.zone>
Date: Wed, 12 Mar 2025 15:03:53 +0100
Subject: fix: bg opacity ,again

---
 src/routes/canaries/+page.svelte | 27 +++++++++++++--------------
 1 file changed, 13 insertions(+), 14 deletions(-)

(limited to 'src/routes/canaries/+page.svelte')

diff --git a/src/routes/canaries/+page.svelte b/src/routes/canaries/+page.svelte
index c03a764..4bf61e5 100644
--- a/src/routes/canaries/+page.svelte
+++ b/src/routes/canaries/+page.svelte
@@ -1,10 +1,10 @@
 <svelte:options runes />
 
 <script lang="ts">
-  import { browser } from "$app/environment";
-  import { canaries } from "./canaries";
-  import Canary from "./Canary.svelte";
-  import { initKeystore } from "./keystore";
+  import { browser } from '$app/environment';
+  import { canaries } from './canaries';
+  import Canary from './Canary.svelte';
+  import { initKeystore } from './keystore';
 </script>
 
 <svelte:head>
@@ -58,10 +58,10 @@
         <pre>{JSON.stringify(
             {
               raw: e,
-              fileName: "fileName" in e ? e.fileName : undefined,
-              name: "name" in e ? e.name : undefined,
-              message: "message" in e ? e.message : undefined,
-              stack: "stack" in e ? e.stack : undefined,
+              fileName: 'fileName' in e ? e.fileName : undefined,
+              name: 'name' in e ? e.name : undefined,
+              message: 'message' in e ? e.message : undefined,
+              stack: 'stack' in e ? e.stack : undefined,
             },
             null,
             2,
@@ -71,7 +71,7 @@
   </div>
 
   <div
-    class="mt-3 sticky bottom-0 block bg-black bg-opacity-30 p-4 rounded-xl backdrop-blur-xl"
+    class="mt-3 sticky bottom-0 block bg-black/30 p-4 rounded-xl backdrop-blur-xl"
   >
     <p class="text-xs text-white">
       <span class="about opacity-60 hover:opacity-80 transition-all">
@@ -100,15 +100,14 @@
       >
         <br />
         The server at
-        <code class="font-grub px-1 bg-white bg-opacity-5 rounded-md"
-          >{#if typeof location !== "undefined"}{location.host ??
+        <code class="font-grub px-1 bg-white/5 rounded-md"
+          >{#if typeof location !== 'undefined'}{location.host ??
               location.hostname}{:else}mem.estrogen.zone{/if}</code
         >
         serves the keys and the canaries. Make sure you trust it to serve correct
         keys and canaries, or validate the signatures of the
-        <code class="font-grub px-1 bg-white bg-opacity-5 rounded-md"
-          >Signed</code
-        > links with keys obtained externally.
+        <code class="font-grub px-1 bg-white/5 rounded-md">Signed</code> links with
+        keys obtained externally.
       </span>
       <span
         class="legend opacity-60 hover:opacity-80 transition-all"
-- 
cgit v1.2.3