From 08f22073bd413ca89115e2c92e6d1296d26363ee Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Sat, 22 Feb 2025 01:13:41 +0800
Subject: [PATCH] style: adjust size of top bar icons

---
 src/components/Titlebar/index.tsx         | 2 +-
 src/components/ui/button.tsx              | 2 +-
 src/layouts/PrimaryPageLayout/index.tsx   | 2 +-
 src/layouts/SecondaryPageLayout/index.tsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Titlebar/index.tsx b/src/components/Titlebar/index.tsx
index b18fede9..0636896c 100644
--- a/src/components/Titlebar/index.tsx
+++ b/src/components/Titlebar/index.tsx
@@ -10,7 +10,7 @@ export function Titlebar({
   return (
     <div
       className={cn(
-        'sticky top-0 w-full z-40 bg-background [&_svg]:size-4 [&_svg]:shrink-0',
+        'sticky top-0 w-full h-12 z-40 bg-background [&_svg]:size-5 [&_svg]:shrink-0',
         className
       )}
     >
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index bd74058f..1c3cc575 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -23,7 +23,7 @@ const buttonVariants = cva(
         sm: 'h-8 rounded-md px-3 text-xs',
         lg: 'h-10 rounded-md px-8',
         icon: 'h-9 w-9',
-        'titlebar-icon': 'h-10 w-10 rounded-lg'
+        'titlebar-icon': 'h-10 w-10 rounded-lg [&_svg]:size-5'
       }
     },
     defaultVariants: {
diff --git a/src/layouts/PrimaryPageLayout/index.tsx b/src/layouts/PrimaryPageLayout/index.tsx
index c23986dc..511b49f4 100644
--- a/src/layouts/PrimaryPageLayout/index.tsx
+++ b/src/layouts/PrimaryPageLayout/index.tsx
@@ -87,5 +87,5 @@ export type TPrimaryPageLayoutRef = {
 }
 
 function PrimaryPageTitlebar({ children }: { children?: React.ReactNode }) {
-  return <Titlebar className="h-12 p-1">{children}</Titlebar>
+  return <Titlebar className="p-1">{children}</Titlebar>
 }
diff --git a/src/layouts/SecondaryPageLayout/index.tsx b/src/layouts/SecondaryPageLayout/index.tsx
index 5dd2ff50..b2797657 100644
--- a/src/layouts/SecondaryPageLayout/index.tsx
+++ b/src/layouts/SecondaryPageLayout/index.tsx
@@ -105,7 +105,7 @@ export function SecondaryPageTitlebar({
   hideBackButton?: boolean
 }): JSX.Element {
   return (
-    <Titlebar className="h-12 flex gap-1 p-1 items-center justify-between font-semibold">
+    <Titlebar className="flex gap-1 p-1 items-center justify-between font-semibold">
       {hideBackButton ? (
         <div className="flex gap-2 items-center pl-3 w-fit truncate text-lg font-semibold">
           {title}