Merge pull request #21 from Ravende/feat/map

[FE] fix: css 수정 및 컴포넌트로 분리
Ravende · Feb 19, 2024 · 2b279bd · 2b279bd
2 parents d883322 + 8689131
commit 2b279bd
Show file tree

Hide file tree

Showing 9 changed files with 251 additions and 347 deletions.
diff --git a/frontend/src/App.css b/frontend/src/App.css
@@ -16,99 +16,6 @@ main {
   height: 100vh;
 }
 
-
-Resources fieldset {
-  width: 98%;
-  height: 300px;
-}
-header {
-  width: 100%;
-  height: 109px;
-  background-color: #224932;
-  border-bottom: 5px solid black;
-}
-
-/* 로고 */
-#logo {
-  float: left;
-  width: 50px;
-  height: 65px;
-  padding: 20px;
-  color: white;
-}
-
-/* 배너 이름 */
-#siteName {
-  color: white;
-  font-family: 'EHWA';
-  font-size: 15px;
-  font-weight: 400;
-  line-height: 30px;
-  letter-spacing: 0em;
-  text-align: center;
-  padding-top: 40px;
-}
-
-/* button {
-    padding: 10px;
-    cursor: pointer;
-    background: #D9D9D9;
-  
-  }
-  
-  #loginPopup {
-    display: none;
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    padding: 20px;
-    z-index: 1000;
-    background: white;
-    border: 1px solid black;
-  } */
-
-/* 사이드 영역 */
-
-aside {
-  width: 30%;
-  max-width: 350px;
-  border-right: 5px solid black;
-  padding: 20px;
-  overflow-y: auto;
-  flex-shrink: 0;
-  max-height: 800px;
-}
-
-#side {
-  width: 98%;
-  padding: 0;
-  margin: 0 auto;
-}
-
-/* 카페 검색 */
-form {
-  height: auto;
-}
-
-#cafe-search {
-  width: 98%;
-  height: 50px;
-  padding: 8px;
-  border-radius: 10px;
-  background: #fafafaed;
-}
-
-/* 해시태그 */
-#hashtags {
-  background: #d9d9d9;
-  width: 98%;
-  height: 50px;
-  border-radius: 10px;
-  margin-top: 10px;
-  font-size: 15px;
-}
-
 /* 카페 리스트 */
 .cafeList {
   margin-left: 0;
@@ -206,18 +113,6 @@ li {
   border: 2px solid #333;
 }
 
-/* -------------- */
-/* 지도 영역 */
-
-section {
-  flex: 1;
-}
-
-/* Resources fieldset {
-  width: 98%;
-  height: 300px;
-} */
-
 /* 추가된 스타일 */
 #loginPopup {
   display: none;
@@ -259,58 +154,3 @@ section {
   color: #fff;
   border: none;
 }
-
-/* -------------- */
-/* 지도 영역 */
-
-section {
-  width: 70%;
-  flex: 1;
-}
-
-.map_wrap {
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-  height: 100vh;
-}
-
-.radius_border {
-  border: 1px solid #919191;
-  border-radius: 5px;
-}
-.custom_zoomcontrol {
-  position: absolute;
-  top: 10px;
-  right: 10px;
-  width: 36px;
-  height: 80px;
-  overflow: hidden;
-  z-index: 1;
-  background-color: #f5f5f5;
-}
-.custom_zoomcontrol span {
-  display: block;
-  width: 36px;
-  height: 40px;
-  text-align: center;
-  cursor: pointer;
-}
-.custom_zoomcontrol span img {
-  width: 15px;
-  height: 15px;
-  padding: 12px 0;
-  border: none;
-}
-.custom_zoomcontrol span:first-child {
-  border-bottom: 1px solid #bfbfbf;
-}
-
-.InfoWindow {
-  padding: 2px;
-  margin: 2px;
-  color: #000;
-  text-align: center;
-  line-height: 1.5;
-  white-space: nowrap; /* 텍스트가 가로로 길 경우 줄 바꿈 방지 */
-}