From 3ab1c5a9d2d620d63311fe3e1c54dcdc5a79567f Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Wed, 26 Feb 2025 15:53:44 +0800
Subject: [PATCH] feat(mobile): bigger header buttons

---
 apps/mobile/src/lib/dialog.tsx                              | 1 +
 apps/mobile/src/modules/screen/TimelineSelectorProvider.tsx | 2 +-
 apps/mobile/src/modules/screen/action.tsx                   | 4 ++--
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/mobile/src/lib/dialog.tsx b/apps/mobile/src/lib/dialog.tsx
index 057d55112..41fbbb5f1 100644
--- a/apps/mobile/src/lib/dialog.tsx
+++ b/apps/mobile/src/lib/dialog.tsx
@@ -173,6 +173,7 @@ class DialogStatic {
                   text={props.confirmText ?? "Confirm"}
                   type="confirm"
                   className={props.variant === "destructive" ? "bg-red" : "bg-accent"}
+                  textClassName="text-white"
                 />
               </View>
             </DialogDynamicButtonActionProvider>
diff --git a/apps/mobile/src/modules/screen/TimelineSelectorProvider.tsx b/apps/mobile/src/modules/screen/TimelineSelectorProvider.tsx
index d871a42f4..f80c65760 100644
--- a/apps/mobile/src/modules/screen/TimelineSelectorProvider.tsx
+++ b/apps/mobile/src/modules/screen/TimelineSelectorProvider.tsx
@@ -70,7 +70,7 @@ function FeedShareAction({ params }: { params: any }) {
   return (
     <UIBarButton
       label="Share"
-      normalIcon={<Share3CuteReIcon height={20} width={20} color={label} />}
+      normalIcon={<Share3CuteReIcon height={24} width={24} color={label} />}
       onPress={() => {
         const feed = getFeed(feedId)
         if (!feed) return
diff --git a/apps/mobile/src/modules/screen/action.tsx b/apps/mobile/src/modules/screen/action.tsx
index 62699b199..648a23722 100644
--- a/apps/mobile/src/modules/screen/action.tsx
+++ b/apps/mobile/src/modules/screen/action.tsx
@@ -42,7 +42,7 @@ export function HomeSharedRightAction(props: PropsWithChildren) {
 
       <UIBarButton
         label="Mark All as Read"
-        normalIcon={<CheckCircleCuteReIcon height={20} width={20} color={accentColor} />}
+        normalIcon={<CheckCircleCuteReIcon height={24} width={24} color={accentColor} />}
         onPress={() => {
           Dialog.show(MarkAllAsReadDialog)
         }}
@@ -57,7 +57,7 @@ interface HeaderActionButtonProps {
 
 const useButtonVariant = ({ variant = "primary" }: HeaderActionButtonProps) => {
   const label = useColor("label")
-  const size = 20
+  const size = 24
   const color = variant === "primary" ? accentColor : label
   return { size, color }
 }