From 3106c6e4572072916c75d3e2fca89b2de3320f6b Mon Sep 17 00:00:00 2001
From: AndrewCLu <andrewclu98@gmail.com>
Date: Wed, 10 Apr 2024 12:58:48 +0300
Subject: [PATCH 1/4] test folding ui

---
 src/components/cards/FoldedCard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/cards/FoldedCard.tsx b/src/components/cards/FoldedCard.tsx
index c88e1502..2ad0b3a8 100644
--- a/src/components/cards/FoldedCard.tsx
+++ b/src/components/cards/FoldedCard.tsx
@@ -31,7 +31,7 @@ import { IndexDBWrapper, TreeType } from "@/lib/client/indexDB";
 import { Spinner } from "../Spinner";
 
 dayjs.extend(duration);
-const UNFOLDED_DATE = "2024-04-10 15:59:59";
+const UNFOLDED_DATE = "2024-04-10 10:59:59";
 const CountdownLabel = classed.span("text-primary font-semibold text-xs");
 
 interface FoldedItemProps {
@@ -281,7 +281,7 @@ const FoldedCardSteps = ({ items = [], onClose }: FolderCardProps) => {
   };
 
   return (
-    <main className="relative">
+    <main className="flex h-screen items-center justify-center">
       <Icons.Cursive
         className="fixed top-[47px] left-[22px] text-primary z-10"
         height={19}

From ee2acd48a60764b633c97735a28033ee95428d22 Mon Sep 17 00:00:00 2001
From: AndrewCLu <andrewclu98@gmail.com>
Date: Wed, 10 Apr 2024 13:10:06 +0300
Subject: [PATCH 2/4] try again

---
 src/components/cards/FoldedCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/cards/FoldedCard.tsx b/src/components/cards/FoldedCard.tsx
index 2ad0b3a8..1d3cdd58 100644
--- a/src/components/cards/FoldedCard.tsx
+++ b/src/components/cards/FoldedCard.tsx
@@ -306,7 +306,7 @@ const FoldedCardSteps = ({ items = [], onClose }: FolderCardProps) => {
           disableOnInteraction: false,
           stopOnLastSlide: true,
         }}
-        className="h-screen"
+        className="min-h-screen md:h-screen"
         spaceBetween={0}
         slidesPerView={1}
         onSlideChange={(swiper: any) => {

From 060c9ea75e849e007774b7de20e850ca9c0f33b7 Mon Sep 17 00:00:00 2001
From: AndrewCLu <andrewclu98@gmail.com>
Date: Wed, 10 Apr 2024 13:15:04 +0300
Subject: [PATCH 3/4] try again

---
 src/components/cards/FoldedCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/cards/FoldedCard.tsx b/src/components/cards/FoldedCard.tsx
index 1d3cdd58..9a47f71a 100644
--- a/src/components/cards/FoldedCard.tsx
+++ b/src/components/cards/FoldedCard.tsx
@@ -323,7 +323,7 @@ const FoldedCardSteps = ({ items = [], onClose }: FolderCardProps) => {
               <SwiperSlide
                 key={itemIndex}
                 className={cn(
-                  "items-center justify-center h-screen flex",
+                  "flex flex-col items-center justify-center min-h-screen",
                   !!image ? "bg-cover bg-center" : "bg-main"
                 )}
                 style={{

From 7e97fa4c2b0ff41534a8ec966c20d1bea3959b61 Mon Sep 17 00:00:00 2001
From: AndrewCLu <andrewclu98@gmail.com>
Date: Wed, 10 Apr 2024 13:20:40 +0300
Subject: [PATCH 4/4] try again

---
 src/components/cards/FoldedCard.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/cards/FoldedCard.tsx b/src/components/cards/FoldedCard.tsx
index 9a47f71a..b868e8e6 100644
--- a/src/components/cards/FoldedCard.tsx
+++ b/src/components/cards/FoldedCard.tsx
@@ -334,7 +334,8 @@ const FoldedCardSteps = ({ items = [], onClose }: FolderCardProps) => {
                 <div
                   className="flex flex-col gap-6 grow items-center justify-center px-10"
                   style={{
-                    height: "100%",
+                    minHeight:
+                      "calc(100vh - var(--mobile-browser-ui-height, 0px))", // Adjust for mobile browser UI
                   }}
                 >
                   {itemIndex !== items.length - 1 && (