From 2ae92abdf7129d584f6f64ffc67b90a3b104bd73 Mon Sep 17 00:00:00 2001
From: codytseng <codytseng@outlook.com>
Date: Tue, 17 Dec 2024 10:10:07 +0800
Subject: [PATCH] feat: update EmbeddedWebsocketUrl styles

---
 src/renderer/src/components/Content/index.tsx                | 2 +-
 .../src/components/Embedded/EmbeddedWebsocketUrl.tsx         | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/renderer/src/components/Content/index.tsx b/src/renderer/src/components/Content/index.tsx
index 4265ab3..8e37ccf 100644
--- a/src/renderer/src/components/Content/index.tsx
+++ b/src/renderer/src/components/Content/index.tsx
@@ -28,8 +28,8 @@ const Content = memo(
     const { content, images, videos, embeddedNotes, lastNonMediaUrl } = preprocess(event.content)
     const isNsfw = isNsfwEvent(event)
     const nodes = embedded(content, [
-      embeddedWebsocketUrlRenderer,
       embeddedNormalUrlRenderer,
+      embeddedWebsocketUrlRenderer,
       embeddedHashtagRenderer,
       embeddedNostrNpubRenderer,
       embeddedNostrProfileRenderer
diff --git a/src/renderer/src/components/Embedded/EmbeddedWebsocketUrl.tsx b/src/renderer/src/components/Embedded/EmbeddedWebsocketUrl.tsx
index 835b1e2..cc55f57 100644
--- a/src/renderer/src/components/Embedded/EmbeddedWebsocketUrl.tsx
+++ b/src/renderer/src/components/Embedded/EmbeddedWebsocketUrl.tsx
@@ -6,13 +6,14 @@ export function EmbeddedWebsocketUrl({ url }: { url: string }) {
   const { push } = useSecondaryPage()
   return (
     <span
-      className="cursor-pointer px-1 rounded-md text-highlight border border-highlight/60 hover:border-highlight hover:bg-muted/60"
+      className="cursor-pointer px-1 text-highlight hover:bg-highlight/20"
       onClick={(e) => {
         e.stopPropagation()
         push(toNoteList({ relay: url }))
       }}
     >
-      {url}
+      [ {url} ]
+      <span className="w-2 h-1 bg-highlight" />
     </span>
   )
 }