fix bugs

wevisdemo · Dec 9, 2023 · ceb01da · ceb01da
1 parent 391e2af
commit ceb01da
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/components/BarCard.tsx b/components/BarCard.tsx
@@ -26,15 +26,15 @@ export default function BarCard({ className, data }: Props) {
           <div
             key={index}
             style={{ background: i.color }}
-            className="relative z-10 flex h-full w-[3px] cursor-pointer items-center justify-center hover:!bg-white lg:w-[10px]"
+            className="relative z-10 flex h-full w-[3px] cursor-pointer items-center justify-center overflow-hidden hover:!bg-white lg:w-[10px]"
             onClick={() => selectCard(i)}
           >
             {i['คำวินิจฉัยที่มี 2 กรณี (legend ลายขวางเส้นเฉียง)'] ===
               'TRUE' && <div className="stripe-black absolute inset-0"></div>}
             {i.คำวินิจฉัยที่น่าสนใจ === 'TRUE' && (
               <CustomImg
                 src="/images/icon_star_card.svg"
-                className="w-[3px] lg:w-[10px]"
+                className="w-1 lg:w-[10px]"
               />
             )}
           </div>

diff --git a/components/BarScaled.tsx b/components/BarScaled.tsx
@@ -39,7 +39,7 @@ export default function BarScaled({
             key={index}
             style={{ background: i.color }}
             className={twMerge(
-              'relative z-10 flex h-full cursor-pointer items-center justify-center hover:!bg-white',
+              'relative z-10 flex h-full cursor-pointer items-center justify-center overflow-hidden hover:!bg-white',
               !!highlights?.length &&
                 !highlights?.includes(i.ผลคำวินิจฉัย) &&
                 'opacity-20',

diff --git a/components/BorderBox.tsx b/components/BorderBox.tsx
@@ -74,7 +74,7 @@ export default function BorderBox({
         {cornerOuter()}
         <CustomImg
           src="/images/border_box_bg.webp"
-          className="absolute top-0 h-full"
+          className="absolute h-full w-full opacity-70"
         />
         <div className="m-2 overflow-hidden bg-black lg:m-3">
           <div className={twMerge('relative border-2 border-white', className)}>

diff --git a/components/CustomImg.tsx b/components/CustomImg.tsx
@@ -32,7 +32,7 @@ export default function CustomImg({
       width={0}
       height={0}
       priority={priority}
-      className={twMerge('h-auto w-auto object-cover', className)}
+      className={twMerge('w-auto max-w-none object-cover', className)}
       onClick={onClick}
     />
   );

diff --git a/components/SectionIntro.tsx b/components/SectionIntro.tsx
@@ -27,7 +27,7 @@ export default function SectionIntro() {
         <CustomImg
           src="/images/bg_intro.webp"
           priority={true}
-          className="absolute left-2/4 top-2 w-[120%] max-w-max -translate-x-2/4 lg:w-full"
+          className="absolute left-2/4 top-2 w-[120%] -translate-x-2/4 lg:w-full"
         />
         <div className="relative rounded-t-[50%] bg-black">
           <div className="relative z-10">