From 3ec0c90f26dd96d0dc61c119155cfeccd4ae0a7e Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Thu, 27 Jul 2023 14:26:12 +0700
Subject: [PATCH] stepper responsive

---
 packages/fakeyou.com/src/scss/site-refresh.scss           | 8 ++++++++
 .../v2/view/pages/voice_designer/components/Stepper.tsx   | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/fakeyou.com/src/scss/site-refresh.scss b/packages/fakeyou.com/src/scss/site-refresh.scss
index a5f4c07cc1..a293211958 100644
--- a/packages/fakeyou.com/src/scss/site-refresh.scss
+++ b/packages/fakeyou.com/src/scss/site-refresh.scss
@@ -1574,3 +1574,11 @@ textarea {
     }
   }
 }
+
+@media (max-width: 768px) {
+  .fakeyou-refresh {
+    .prev-step {
+      display: none !important;
+    }
+  }
+}
diff --git a/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/Stepper.tsx b/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/Stepper.tsx
index 70693e7dcd..132e353bed 100644
--- a/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/Stepper.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/Stepper.tsx
@@ -13,7 +13,7 @@ const Stepper: React.FC<StepperProps> = ({ steps, currentStep }) => {
           key={index}
           className={`position-relative d-flex ${
             index !== steps.length - 1 ? "w-100" : ""
-          } align-items-center gap-3`}
+          } align-items-center gap-3 ${index < currentStep ? "prev-step" : ""}`}
         >
           <div
             className={`stepper-number ${