design : 마커 디자인 수정

2024-Team-Techeer-Salon · Jun 13, 2024 · caee6c1 · caee6c1
1 parent ff32b8f
commit caee6c1
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/app/components/Icon.tsx b/src/app/components/Icon.tsx
@@ -1,4 +1,5 @@
 import { iconClassnameProps } from '@/types/component.ts';
+import Image from 'next/image';
 
 export function GpsIcon({ className }: iconClassnameProps) {
   return (
@@ -71,3 +72,14 @@ export function CameraIcon({ className }: iconClassnameProps) {
     </svg>
   );
 }
+
+export function Marker({ className }: iconClassnameProps) {
+  <figure className={`relative ${className}`}>
+    <Image
+      src="https://i.ibb.co/sCQvt3z/Group-2608599.png"
+      alt=""
+      fill
+      sizes="100vw"
+    />
+  </figure>;
+}
diff --git a/src/app/home/Body.tsx b/src/app/home/Body.tsx
@@ -213,7 +213,7 @@ function Distance() {
                   position={{ lat: marker.lat, lng: marker.lng }}
                   onClick={() => handleMain(marker)}
                   image={{
-                    src: 'https://i.ibb.co/Cnwf3x8/image.png',
+                    src: 'https://i.ibb.co/sCQvt3z/Group-2608599.png',
                     size: { width: 64, height: 70 },
                     options: { offset: { x: 27, y: 69 } },
                   }}