From 14782dc8438042a589d112a6beb8a389602fa8f9 Mon Sep 17 00:00:00 2001
From: devwoodie <ehddl453@naver.com>
Date: Sat, 29 Jul 2023 00:30:55 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=9D=B4=EC=9A=A9=EC=95=BD=EA=B4=80=20?=
 =?UTF-8?q?=EA=B0=84=EA=B2=A9,=20=ED=81=AC=EA=B8=B0,=20=EB=92=A4=EB=A1=9C?=
 =?UTF-8?q?=EA=B0=80=EA=B8=B0=20=EB=B2=84=ED=8A=BC=20=EC=B6=94=EA=B0=80/?=
 =?UTF-8?q?=EC=88=98=EC=A0=95,=20=EC=83=81=EC=84=B8=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20bottom=20sheet=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/TitleWrap.tsx     |  2 +-
 src/pages/setting/SettingTermDetail.tsx |  6 +++--
 src/pages/setting/SettingTerms.tsx      |  4 +--
 src/styles/pages/_detail.scss           | 36 +++++++------------------
 src/styles/pages/_setting.scss          | 22 ++++++++++++++-
 5 files changed, 37 insertions(+), 33 deletions(-)

diff --git a/src/components/common/TitleWrap.tsx b/src/components/common/TitleWrap.tsx
index 9a9e1e4..fc3f013 100644
--- a/src/components/common/TitleWrap.tsx
+++ b/src/components/common/TitleWrap.tsx
@@ -3,7 +3,7 @@ import IcBackBtn from "../../assets/images/icon/ic_back_btn.svg";
 import { useNavigate } from "react-router-dom";
 
 interface PropsType{
-    title: string,
+    title?: string,
     relation?: string
 }
 
diff --git a/src/pages/setting/SettingTermDetail.tsx b/src/pages/setting/SettingTermDetail.tsx
index 19f80e6..8f81962 100644
--- a/src/pages/setting/SettingTermDetail.tsx
+++ b/src/pages/setting/SettingTermDetail.tsx
@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import terms from '../../assets/terms.json';
 import { useParams } from 'react-router-dom';
+import TitleWrap from "../../components/common/TitleWrap";
 
 const SettingTermDetail = () => {
 
@@ -19,10 +20,11 @@ const SettingTermDetail = () => {
     }, []);
 
     return (
-        <div>
+        <div className="terms-detail">
+            <TitleWrap title=""  />
             <div dangerouslySetInnerHTML={{__html : html}}></div>
         </div>
     );
 };
 
-export default SettingTermDetail;
\ No newline at end of file
+export default SettingTermDetail;
diff --git a/src/pages/setting/SettingTerms.tsx b/src/pages/setting/SettingTerms.tsx
index c26395f..dc1b9a0 100644
--- a/src/pages/setting/SettingTerms.tsx
+++ b/src/pages/setting/SettingTerms.tsx
@@ -8,8 +8,8 @@ const SettingTerms = () => {
         <div className="SettingTerms inner">
             <TitleWrap title="이용 약관" />
             <div className="setting-cont">
-                <Link target="_blank" to="/page/setting/term/1" className="setting-list">서비스 이용약관<i><img src={IcFrontBtn} alt="arr-icon" /></i></Link>
-                <Link target="_blank" to="/page/setting/term/2" className="setting-list">개인 정보 수집 및 이용 안내<i><img src={IcFrontBtn} alt="arr-icon" /></i></Link>
+                <Link to="/page/setting/term/1" className="setting-list">서비스 이용약관<i><img src={IcFrontBtn} alt="arr-icon" /></i></Link>
+                <Link to="/page/setting/term/2" className="setting-list">개인 정보 수집 및 이용 안내<i><img src={IcFrontBtn} alt="arr-icon" /></i></Link>
             </div>
         </div>
     )
diff --git a/src/styles/pages/_detail.scss b/src/styles/pages/_detail.scss
index 4341411..313ec35 100644
--- a/src/styles/pages/_detail.scss
+++ b/src/styles/pages/_detail.scss
@@ -147,44 +147,26 @@
 
 }
 // dev
-.sc-gEvEer.kzfFMm{
-  background-color: #242424;
-  border-top: 1px solid #383838;
-}
-// prod
-.sc-gEvEer.gBtkQB{
-  background-color: #242424;
-  border-top: 1px solid #383838;
+.sheet-container{
+  background-color: #242424 !important;
+  border-top: 1px solid #383838 !important;
 }
 // dev
-.sc-fqkvVR.gDWucW{
-  background-color: inherit;
-}
-// prod
-.sc-fqkvVR.SRknK{
-  background-color: inherit;
+.sheet-header{
+  background-color: inherit !important;
 }
 // dev
-.sc-eqUAAy.ejOydj{
-  background-color: inherit;
-}
-// prod
-.sc-eqUAAy.JqVif{
-  background-color: inherit;
+.sheet-scroll{
+  background-color: inherit !important;
 }
 .sheet-header{
   padding: 10px 0;
 }
-// dev
-.SRknK::before{
-  top: 15px !important;
-  background-color: #818181 !important;
-}
-// prod
-.gDWucW::before{
+.sheet-header::before{
   top: 15px !important;
   background-color: #818181 !important;
 }
+
 // exchange wrap
 .ExchangeWrap{
   width: 100%;
diff --git a/src/styles/pages/_setting.scss b/src/styles/pages/_setting.scss
index 234dafd..9eb6ca0 100644
--- a/src/styles/pages/_setting.scss
+++ b/src/styles/pages/_setting.scss
@@ -148,4 +148,24 @@
     }
   }
 }
-
+.terms-detail{
+  padding: 0 20px;
+  .title-wrap{
+    margin-bottom: 20px;
+  }
+  .page-title{
+    font-size: 22px;
+  }
+  article{
+    font-size: 14px;
+    h2{
+      font-size: 20px;
+    }
+    p{
+      line-height: 1.2;
+    }
+    li{
+      line-height: 1.2;
+    }
+  }
+}