From 0c9f5fbbecc148b8a42a0fc2d71f48fbfd211ab5 Mon Sep 17 00:00:00 2001 From: KimDoToRi <60084235+KimKyungYun@users.noreply.github.com> Date: Mon, 17 Jul 2023 12:50:18 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20=EB=A7=88=EC=BB=A4=20=EC=82=AC=EC=A7=84?= =?UTF-8?q?=20=ED=91=9C=EC=8B=9C=20=EB=B0=A9=EC=8B=9D=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../MarkerHtml/MarkerHtml.module.scss | 31 ++++++++++++++----- .../Map/components/MarkerHtml/index.tsx | 14 ++++----- src/pages/Home/components/Map/index.tsx | 8 ++--- 3 files changed, 35 insertions(+), 18 deletions(-) diff --git a/src/pages/Home/components/Map/components/MarkerHtml/MarkerHtml.module.scss b/src/pages/Home/components/Map/components/MarkerHtml/MarkerHtml.module.scss index 153df651..d74e9dcf 100644 --- a/src/pages/Home/components/Map/components/MarkerHtml/MarkerHtml.module.scss +++ b/src/pages/Home/components/Map/components/MarkerHtml/MarkerHtml.module.scss @@ -46,7 +46,7 @@ border-radius: 89.5px; position: absolute; top: 10px; - left: 28px; + left: 29px; @include media.media-breakpoint-down(mobile) { width: 30px; @@ -62,13 +62,13 @@ border-radius: 89.5px; position: absolute; top: 2px; - left: 23px; + left: 22px; @include media.media-breakpoint-down(mobile) { width: 36px; height: 36px; top: 2px; - left: 22px; + left: 21px; } } @@ -111,16 +111,33 @@ &__index { color: #ffffff; position: absolute; - top: 20px; - left: 28px; + top: 18px; + left: 43px; font-size: 24px; font-weight: 700; z-index: 999; @include media.media-breakpoint-down(mobile) { font-size: 16px; - top: 12px; - left: 20px; + top: 13px; + left: 46px; + } + + &--clidked{ + color: #ffffff; + position: absolute; + top: 18px; + left: 43px; + font-size: 24px; + font-weight: 700; + z-index: 999; + top: 15px; + + @include media.media-breakpoint-down(mobile) { + font-size: 16px; + top: 10px; + left:35px; + } } } } diff --git a/src/pages/Home/components/Map/components/MarkerHtml/index.tsx b/src/pages/Home/components/Map/components/MarkerHtml/index.tsx index 29472dbb..6bf8c871 100644 --- a/src/pages/Home/components/Map/components/MarkerHtml/index.tsx +++ b/src/pages/Home/components/Map/components/MarkerHtml/index.tsx @@ -3,16 +3,16 @@ import MarkerLogo from 'assets/images/home/location-marker.png'; import Selected from 'assets/images/home/selected-marker.png'; import styles from './MarkerHtml.module.scss'; -export function MarkerHtml(defaultImg:string, name:string, index:number) { +export function MarkerHtml(thumbnail:string | null, name:string, index:number) { return `