diff --git a/src/pages/Follow/index.module.scss b/src/pages/Follow/index.module.scss index 79bf52ac..1d806cb6 100644 --- a/src/pages/Follow/index.module.scss +++ b/src/pages/Follow/index.module.scss @@ -3,7 +3,6 @@ .template { width: 100%; height: 100vh; - margin-left: 100px; padding-top: 60px; box-sizing: border-box; diff --git a/src/pages/Setting/PC/PcSetting.module.scss b/src/pages/Setting/PC/PcSetting.module.scss index 641c788b..fbd74bb4 100644 --- a/src/pages/Setting/PC/PcSetting.module.scss +++ b/src/pages/Setting/PC/PcSetting.module.scss @@ -1,18 +1,45 @@ $title: #ff7f23; -.formContainer { - padding-right: 100px; - padding-bottom: 40px; +.container { + width: 100%; + height: calc(100vh - 80px); display: flex; flex-direction: column; - align-items: flex-end; + align-items: center; + white-space: nowrap; } -.selectContainer { +.setting { + width: 100%; + height: 100%; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + box-sizing: border-box; + padding: 15px; +} + +.menu { + width: 246px; + height: 100%; + margin-top: 160px; + display: flex; + flex-direction: column; + + &__title { + font-size: 32px; + color: $title; + font-weight: 700; + margin-bottom: 70px; + } +} + +.select-container { display: flex; flex-direction: column; - gap: 15px; align-items: flex-start; + gap: 15px; } .select { @@ -49,27 +76,17 @@ $title: #ff7f23; } } -.container { +.content { display: flex; + flex-direction: row; align-items: center; justify-content: center; - width: 100%; - height: calc(100vh - 80px); } -.setting { - width: 246px; - height: 100%; - margin-top: 160px; +.formContainer { display: flex; flex-direction: column; - - &__title { - font-size: 32px; - color: $title; - font-weight: 700; - margin-bottom: 70px; - } + align-items: flex-end; } .title { diff --git a/src/pages/Setting/PC/index.tsx b/src/pages/Setting/PC/index.tsx index 5e16b6c3..f84a31bc 100644 --- a/src/pages/Setting/PC/index.tsx +++ b/src/pages/Setting/PC/index.tsx @@ -12,50 +12,54 @@ export default function PcSetting() { return (
-
설정
-
-
-
- -
-
-
- +
+
+
setIsAccount(false)} - > - 서비스 - - + /> + +
+ +
+ {isAccount ? : } +
- {isAccount ? : } -
+ +
+
); }