Blur Fixed for Our Team

GDGCampusAEC · Oct 29, 2023 · 6b2eac8 · 6b2eac8
1 parent 87e0f43
commit 6b2eac8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/marqueeCards/Marquee.jsx b/src/components/marqueeCards/Marquee.jsx
@@ -2,12 +2,18 @@ import Marquee from "react-fast-marquee";
 
 const MarqueeCards = ({ children, direction }) => {
   const containerStyle = {};
+  const gradientWidthCalc = () => {
+    const width = window.innerWidth;
+    if (width > 1024) return 400;
+    if (width > 768) return 200;
+    return 50;
+  };
   return (
     <Marquee
       style={{ containerStyle }}
       direction={direction}
       gradient={true}
-      gradientWidth={500}
+      gradientWidth={gradientWidthCalc()}
       speed={100}
       pauseOnHover={true}
     >

diff --git a/src/components/team/Card.jsx b/src/components/team/Card.jsx
@@ -11,7 +11,7 @@ export default function Card({
   // console.log(image);
   // console.log(colour);
   const className = `flex flex-col m-6 justify-center gap-2 items-center shadow-[0px_0px_15px_2px_rgba(0,0,0,0.17)] border-b-8 border-b-[${colour}] border-solid
-  w-[18rem] h-[22rem] shrink-0`;
+  w-[18rem] h-[22rem] shrink-0 rounded-[1rem]`;
 
   return (
     <div className={className}>