From 14fbf7a7be4c1ad97798bfad4240bb520ac05ac1 Mon Sep 17 00:00:00 2001
From: codytseng <codytseng@outlook.com>
Date: Fri, 3 Jan 2025 13:04:57 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20some=20=F0=9F=90=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ScrollToTopButton/index.tsx | 2 +-
 src/components/Titlebar/index.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/ScrollToTopButton/index.tsx b/src/components/ScrollToTopButton/index.tsx
index 55220916..83cb5a33 100644
--- a/src/components/ScrollToTopButton/index.tsx
+++ b/src/components/ScrollToTopButton/index.tsx
@@ -25,7 +25,7 @@ export default function ScrollToTopButton({
   return (
     <div
       className={cn(
-        `sticky z-20 flex justify-end pr-3 transition-opacity duration-700 ${visible ? '' : 'opacity-0'}`,
+        `fixed sm:sticky z-20 flex justify-end w-full pr-3 transition-opacity duration-700 ${visible ? '' : 'opacity-0'}`,
         className
       )}
       style={{
diff --git a/src/components/Titlebar/index.tsx b/src/components/Titlebar/index.tsx
index 55d7df96..594c34b9 100644
--- a/src/components/Titlebar/index.tsx
+++ b/src/components/Titlebar/index.tsx
@@ -12,7 +12,7 @@ export function Titlebar({
   return (
     <div
       className={cn(
-        'sticky top-0 w-full z-20 bg-background/90 backdrop-blur-xl duration-700 transition-transform [&_svg]:size-4 [&_svg]:shrink-0',
+        'fixed sm:sticky top-0 w-full z-20 bg-background/90 backdrop-blur-xl duration-700 transition-transform [&_svg]:size-4 [&_svg]:shrink-0',
         visible ? '' : '-translate-y-full',
         className
       )}
diff --git a/src/layouts/PrimaryPageLayout/index.tsx b/src/layouts/PrimaryPageLayout/index.tsx
index 2b17e718..6d88829d 100644
--- a/src/layouts/PrimaryPageLayout/index.tsx
+++ b/src/layouts/PrimaryPageLayout/index.tsx
@@ -89,7 +89,7 @@ const PrimaryPageLayout = forwardRef(
         scrollBarClassName="sm:z-50"
         ref={scrollAreaRef}
         style={{
-          paddingBottom: 'env(safe-area-inset-bottom)'
+          paddingBottom: 'calc(env(safe-area-inset-bottom) + 3rem)'
         }}
       >
         {titlebar && (
diff --git a/src/layouts/SecondaryPageLayout/index.tsx b/src/layouts/SecondaryPageLayout/index.tsx
index 14cc31e0..2df181f0 100644
--- a/src/layouts/SecondaryPageLayout/index.tsx
+++ b/src/layouts/SecondaryPageLayout/index.tsx
@@ -75,7 +75,7 @@ export default function SecondaryPageLayout({
       scrollBarClassName="sm:z-50"
       ref={scrollAreaRef}
       style={{
-        paddingBottom: 'env(safe-area-inset-bottom)'
+        paddingBottom: 'calc(env(safe-area-inset-bottom) + 3rem)'
       }}
     >
       <SecondaryPageTitlebar