Fix ipad banner show

ref-finance · Feb 8, 2024 · 0f88ba6 · 0f88ba6
1 parent 4e9894d
commit 0f88ba6
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/pages/home/v3/Dcl/index.tsx b/src/pages/home/v3/Dcl/index.tsx
@@ -12,7 +12,7 @@ const FeatureCard: React.FC<FeatureCardProps> = ({ Icon, title, description }) =
     <div className="flex justify-center sm:overflow-hidden md:scale-110 md:transform md:origin-center">
       <Icon />
     </div>
-    <h1 className="mt-16 mb-2.5 text-32 gotham_font_bold text-left sm:mt-10 sm:text-center md:mt-10 md:text-left whitespace-nowrap md:text-26">
+    <h1 className="mt-16 mb-2.5 text-32 gotham_font_bold text-left sm:mt-10 sm:text-center md:mt-10 md:text-left  md:text-26">
       {title}
     </h1>
     <p className="text-lg gotham_font_light md:text-base sm:text-center">{description}</p>
@@ -48,7 +48,7 @@ const Dcl = () => {
         <div className='lg:hidden md:hidden absolute left-0 -top-44 right-0 z-0'>
           <DclIcon19 />
         </div>
-        <div className="relative z-10 flex flex-wrap gap-20 justify-between items-baseline text-white mb-24 grid grid-cols-3 sm:grid-cols-1 sm:pl-4 sm:pr-4 sm:mb-0 md:px-6 md:mb-24">
+        <div className="relative z-10 flex flex-wrap gap-14 justify-between items-baseline text-white mb-24 grid grid-cols-3 sm:grid-cols-1 sm:pl-4 sm:pr-4 sm:mb-0 md:px-6 md:mb-24 md:gap-6">
           <FeatureCard
             Icon={DclIcon3}
             title="Precise & Efficient"

diff --git a/src/utils/device.ts b/src/utils/device.ts
@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 
 export const isMobile = (): Boolean => {
-  return window.screen.width <= 767;
+  return window.screen.width <= 599.98;
 };
 
 export const isPC = (): Boolean => {

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -6,14 +6,14 @@ module.exports = {
       greenLight: '0px 0px 12px rgba(0, 255, 209, 0.6)'
     },
     screens: {
-      sm: { min: '278px', max: '600px' },
+      sm: { min: '280px', max: '599.98px' },
       md: { min: '600px', max: '1024px' },
       lg: { min: '1025px' },
       xl: { min: '1200px' },
       '2xl': { min: '1536px' },
       '3xl': { min: '1792px' },
       'custom-md': { min: '1314px' }
-    },
+    },    
     extend: {
       dropShadow: {
         lightWhite: '0px 0px 12px rgba(255, 255, 255, 0.6)'