fix breaking issue in medium size device

keploy · Apr 1, 2024 · d36e5b9 · d36e5b9
1 parent 3a6b366
commit d36e5b9
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/components/FeatureMoblieView.tsx b/components/FeatureMoblieView.tsx
@@ -16,7 +16,7 @@ import ClipboardJS from 'clipboard';
 const TextNotify=( {showCopy }: { showCopy: boolean })=>{
   return(
     <>
-      <p className='font-bold absolute bottom-14 mt-2 text-secondry-300'>Try Keploy Locally </p>
+      <p className='font-bold absolute bottom-14 mt-2 text-gradient-300'>Try Keploy Locally </p>
       <Transition
         show={showCopy}
         className='text-white bg-primary-300 text-sm  absolute z-50 bottom-14 px-2 text-center py-1 rounded font-semibold right-0 before:bg-primary-300 before:w-2 before:h-2 before:absolute before:-bottom-1 before:left-1/2 before:-translate-x-1/2 before:rotate-45'
@@ -216,7 +216,7 @@ export default function FeaturesMobileView() {
 
             {/* Tabs items */}
             <div className="flex items-center justify-center max-w-xl mx-auto mb-8 md:max-w-none md:w-full md:col-span-5 lg:col-span-6 md:mb-0 md:order-1">
-              <div className="transition-all">
+              <div className="transition-all md:w-full">
                 <div
                   className="relative flex flex-col text-center lg:text-right h-full"
                   data-aos="zoom-y-out"
@@ -311,7 +311,7 @@ export default function FeaturesMobileView() {
                         autoplay
                         loop
                         src={deDuplication}
-                        style={{ height: "50vh", width: "90vw" }}
+                        style={{ height: "50vh", width: "90%" }}
                         keepLastFrame={true}
                       >
                         <Controls