From b550cd332b8c2241dfd3fe194368dae1df1cc995 Mon Sep 17 00:00:00 2001
From: Batyr <awbatyr@gmail.com>
Date: Fri, 23 May 2025 19:36:28 +0500
Subject: [PATCH] mob layout

---
 src/components/shared/home/home-actions.tsx | 6 +++---
 src/components/shared/timer-item.tsx        | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/shared/home/home-actions.tsx b/src/components/shared/home/home-actions.tsx
index 53c137f..e9ebe85 100644
--- a/src/components/shared/home/home-actions.tsx
+++ b/src/components/shared/home/home-actions.tsx
@@ -34,7 +34,7 @@ export const HomeActions: FC<Props> = ({ className }) => {
           {title}
         </h2>
 
-        <div className="grid grid-cols-3 gap-6">
+        <div className="grid md:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-6">
           {items.map((item, i) =>
             !item.dropdown ? (
               <Link
@@ -45,7 +45,7 @@ export const HomeActions: FC<Props> = ({ className }) => {
                 <Button
                   variant={"teritary"}
                   size={"lg"}
-                  className="w-full drop-shadow-sm shadow-md text-xl bg-teritary text-on_teritary hover:bg-teritary/90"
+                  className="w-full drop-shadow-sm shadow-md md:text-xl text-lg bg-teritary text-on_teritary hover:bg-teritary/90"
                 >
                   {item.text}
                 </Button>
@@ -65,7 +65,7 @@ export const HomeActions: FC<Props> = ({ className }) => {
                   <Button
                     size={"lg"}
                     variant={"teritary"}
-                    className="w-full drop-shadow-sm shadow-md text-xl bg-teritary text-on_teritary hover:bg-teritary/90"
+                    className="w-full drop-shadow-sm shadow-md md:text-xl text-lg bg-teritary text-on_teritary hover:bg-teritary/90"
                   >
                     {item.text}
                     <Chevron w={"40"} h={"40"} color="white" />
diff --git a/src/components/shared/timer-item.tsx b/src/components/shared/timer-item.tsx
index 544bf7f..009732d 100644
--- a/src/components/shared/timer-item.tsx
+++ b/src/components/shared/timer-item.tsx
@@ -8,22 +8,22 @@ export const TimerItem = ({
   prevValue: string;
 }) => (
   <div className="timer-item flex flex-col items-center">
-    <div className="relative h-14 w-16 overflow-hidden font-bold">
+    <div className="relative sm:h-14 h-10 w-16 overflow-hidden font-bold">
       <span
-        className={`absolute left-1/2 -translate-x-1/2 black bg-gradient-to-t from-[#F38835] to-[#F1700D] text-transparent bg-clip-text text-5xl leading-none transition-all duration-300 ${
+        className={`absolute left-1/2 -translate-x-1/2 black bg-gradient-to-t from-[#F38835] to-[#F1700D] text-transparent bg-clip-text sm:text-5xl text-3xl leading-none transition-all duration-300 ${
           prevValue !== value ? " opacity-0" : " opacity-100"
         }`}
       >
         {prevValue}
       </span>
       <span
-        className={`absolute left-1/2 -translate-x-1/2 black bg-gradient-to-t from-[#F38835] to-[#F1700D] text-transparent bg-clip-text  text-5xl leading-none transition-all duration-300 ${
+        className={`absolute left-1/2 -translate-x-1/2 black bg-gradient-to-t from-[#F38835] to-[#F1700D] text-transparent bg-clip-text  sm:text-5xl text-3xl leading-none transition-all duration-300 ${
           prevValue !== value ? "opacity-100" : "opacity-0"
         }`}
       >
         {value}
       </span>
     </div>
-    <div className="label normal uppercase text-xl">{label}</div>
+    <div className="label normal uppercase sm:text-xl text-base">{label}</div>
   </div>
 );