fix: fix dco-sticker

ucsddesignco · Jun 2, 2024 · 0c8b9df · 0c8b9df
1 parent c802fad
commit 0c8b9df
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 52 deletions.
diff --git a/src/app/assets/stickers/dco-sticker.png b/src/app/assets/stickers/dco-sticker.png
diff --git a/src/app/assets/stickers/dco-sticker.svg b/src/app/assets/stickers/dco-sticker.svg
diff --git a/src/app/components/Sticker/Sticker.scss b/src/app/components/Sticker/Sticker.scss
@@ -11,6 +11,11 @@
     }
   }
 
+  &.dco-sticker {
+    rotate: 35deg;
+    filter: drop-shadow(0px 2.319px 2.473px rgba(0, 0, 0, 0.15));
+  }
+
   @media (min-width: 800px) {
     scale: 0.7;
   }

diff --git a/src/app/pages/Landing/Landing.tsx b/src/app/pages/Landing/Landing.tsx
@@ -3,11 +3,12 @@ import Sticker from '@/components/Sticker/Sticker';
 import './Landing.scss';
 import Fruits from '@/components/Fruits/Fruits';
 import { PageRef } from '@/page';
-import DcoSticker from '@/assets/stickers/dco-sticker.svg';
 import Impact from '@/assets/stickers/impact.svg';
 import CartIcon from '@/assets/icons/cart.svg';
 import Signature from '@/components/Signature/Signature';
 import { useRef } from 'react';
+import DCOSticker from '@/assets/stickers/dco-sticker.png';
+import Image from 'next/image';
 
 type LandingProps = {
   landingRef: PageRef;
@@ -19,7 +20,14 @@ export default function Landing({ landingRef }: LandingProps) {
     <section ref={landingRef} id="landing">
       <Sticker
         name="dco"
-        image={<DcoSticker />}
+        image={
+          <Image
+            src={DCOSticker}
+            width="101"
+            height="125"
+            alt="Design Co Sticker"
+          />
+        }
         style={{ right: '50px', top: '15%' }}
         hideMobile
       />