From d3dfe8fe198dc2c8ffa4cc3f92957ba7348ae18b Mon Sep 17 00:00:00 2001
From: jangheon Pyo <ifheone@gmail.com>
Date: Mon, 27 May 2024 15:42:03 +0900
Subject: [PATCH] =?UTF-8?q?[style]=20THeader,=20Category,=20Detail,=20Orde?=
 =?UTF-8?q?rList,=20reminder=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/THeader/THeader.module.less           | 5 ++++-
 .../src/views/CategoryPanel/CategoryPanel.jsx            | 2 +-
 .../src/views/DetailPanel/DetailPanel.module.less        | 2 ++
 .../MyPageSub/MyOrders/OrderList/OrderList.module.less   | 8 ++++++--
 .../MyPageSub/Reminders/Reminders.module.less            | 9 ++++-----
 5 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/com.twin.app.shoptime/src/components/THeader/THeader.module.less b/com.twin.app.shoptime/src/components/THeader/THeader.module.less
index c0fbc6f7..20bc5c9b 100644
--- a/com.twin.app.shoptime/src/components/THeader/THeader.module.less
+++ b/com.twin.app.shoptime/src/components/THeader/THeader.module.less
@@ -14,7 +14,10 @@
   .title {
     width: 1788px;
     font-size: 42px;
-    margin-left: 12px;
+    padding-left: 60px;
+    font-weight: 600;
+    letter-spacing: 1px;
+    text-transform: uppercase;
   }
 }
 
diff --git a/com.twin.app.shoptime/src/views/CategoryPanel/CategoryPanel.jsx b/com.twin.app.shoptime/src/views/CategoryPanel/CategoryPanel.jsx
index bfdd7caa..263b4a71 100644
--- a/com.twin.app.shoptime/src/views/CategoryPanel/CategoryPanel.jsx
+++ b/com.twin.app.shoptime/src/views/CategoryPanel/CategoryPanel.jsx
@@ -335,7 +335,7 @@ export default function CategoryPanel({ panelInfo, isOnTop }) {
 
   return (
     <TPanel>
-      <THeader title="Category" />
+      <THeader title="CATEGORY" />
       {categoryDatas && (
         <TBody
           className={css.tBody}
diff --git a/com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.module.less b/com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.module.less
index 7cfd94d0..844a5c8a 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.module.less
+++ b/com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.module.less
@@ -10,6 +10,8 @@
     font-weight: bold !important;
     font-size: 30px !important;
     .elip(@clamp: 1);
+    padding-left: 12px !important;
+    text-transform: none !important;
   }
   display: flex;
   width: 100%;
diff --git a/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/MyOrders/OrderList/OrderList.module.less b/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/MyOrders/OrderList/OrderList.module.less
index 276c4e2b..672cf2a4 100644
--- a/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/MyOrders/OrderList/OrderList.module.less
+++ b/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/MyOrders/OrderList/OrderList.module.less
@@ -31,7 +31,9 @@
       }
     }
     .orderCancelBtn {
-      .size(@w:224px,@h:60px);
+      max-width: none;
+      min-width: auto;
+      height: 60px;
       align-self: center;
     }
   }
@@ -107,7 +109,9 @@
             > div {
               border-bottom: 1px solid #dadada;
               text-align: center;
-              line-height: 86px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
               &:first-child {
                 width: 188px;
                 height: 86px;
diff --git a/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Reminders/Reminders.module.less b/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Reminders/Reminders.module.less
index c0221162..219bcb53 100644
--- a/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Reminders/Reminders.module.less
+++ b/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Reminders/Reminders.module.less
@@ -4,14 +4,12 @@
 .remindersHeader {
   display: flex;
 
-  > div {
-    min-width: 200px !important;
+  > div:first-child {
+    width: auto !important;
   }
 
   .switchBtn {
-    position: fixed;
-    top: 20px;
-    left: 390px;
+    margin-right: auto !important;
   }
 
   .headerButtonContainer {
@@ -19,6 +17,7 @@
     width: 100%;
     justify-content: flex-end;
     padding-right: 60px;
+    align-items: center;
 
     .deleteAll {
       margin-right: 34px;