[style] THeader, Category, Detail, OrderList, reminder 수정

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;
   }
 }
 

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}

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%;

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;

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;