From 2d1e4507f45f0edb2e400cf635df0c99d64b0e2d Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Sun, 12 Oct 2025 15:08:30 +0800
Subject: [PATCH] feat: adjust save relay button style

---
 src/components/RelayInfo/index.tsx             |  2 +-
 src/components/SaveRelayDropdownMenu/index.tsx | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/RelayInfo/index.tsx b/src/components/RelayInfo/index.tsx
index 212508e2..c9014414 100644
--- a/src/components/RelayInfo/index.tsx
+++ b/src/components/RelayInfo/index.tsx
@@ -149,7 +149,7 @@ function RelayControls({ url }: { url: string }) {
       <Button variant="ghost" size="titlebar-icon" onClick={handleCopyUrl}>
         {copiedUrl ? <Check /> : <Copy />}
       </Button>
-      <SaveRelayDropdownMenu urls={[url]} atTitlebar />
+      <SaveRelayDropdownMenu urls={[url]} bigButton />
     </div>
   )
 }
diff --git a/src/components/SaveRelayDropdownMenu/index.tsx b/src/components/SaveRelayDropdownMenu/index.tsx
index 96a4bc79..304c3035 100644
--- a/src/components/SaveRelayDropdownMenu/index.tsx
+++ b/src/components/SaveRelayDropdownMenu/index.tsx
@@ -27,10 +27,10 @@ import DrawerMenuItem from '../DrawerMenuItem'
 
 export default function SaveRelayDropdownMenu({
   urls,
-  atTitlebar = false
+  bigButton = false
 }: {
   urls: string[]
-  atTitlebar?: boolean
+  bigButton?: boolean
 }) {
   const { t } = useTranslation()
   const { isSmallScreen } = useScreenSize()
@@ -44,13 +44,13 @@ export default function SaveRelayDropdownMenu({
   }, [relaySets, normalizedUrls])
   const [isDrawerOpen, setIsDrawerOpen] = useState(false)
 
-  const trigger = atTitlebar ? (
+  const trigger = bigButton ? (
     <Button variant="ghost" size="titlebar-icon" onClick={() => setIsDrawerOpen(true)}>
       <Star className={alreadySaved ? 'fill-primary stroke-primary' : ''} />
     </Button>
   ) : (
     <button
-      className="enabled:hover:text-primary [&_svg]:size-5"
+      className="enabled:hover:text-primary [&_svg]:size-5 pr-0 pt-0.5"
       onClick={(e) => {
         e.stopPropagation()
         setIsDrawerOpen(true)
@@ -62,7 +62,7 @@ export default function SaveRelayDropdownMenu({
 
   if (isSmallScreen) {
     return (
-      <>
+      <div>
         {trigger}
         <div onClick={(e) => e.stopPropagation()}>
           <Drawer open={isDrawerOpen} onOpenChange={setIsDrawerOpen}>
@@ -82,7 +82,7 @@ export default function SaveRelayDropdownMenu({
             </DrawerContent>
           </Drawer>
         </div>
-      </>
+      </div>
     )
   }