style: 모바일 UI 추가

BCSDLab · Sep 1, 2023 · 068d2ed · 068d2ed
1 parent d5b9f0e
commit 068d2ed
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/pages/Home/Home.module.scss b/src/pages/Home/Home.module.scss
@@ -1,8 +1,13 @@
+@use "src/utils/styles/mediaQuery.scss" as media;
+
 .home {
   width: 100%;
 }
 
 .map-container {
+  display: none;
+
+  @include media.media-breakpoint-up(mobile) {
   position: absolute;
   right: 24px;
   top: 24px;
@@ -21,6 +26,7 @@
   background-color: #ffffff99;
   box-shadow: 1px 1px 10px 1px #0000001a;
   cursor: pointer;
+  }
 
   &__text {
     display: flex;

diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import axios from 'axios';
 import { Container as MapDiv } from 'react-naver-maps';
 import { ReactComponent as Arrow } from 'assets/svg/home/arrow.svg';