[Mypage]버튼 글자 확대부분 수정 관련작업

- TButton type mypage추가.
 - 각페이지별 타입 변경.

com.twin.app.shoptime/src/components/TButton/TButton.jsx

@@ -21,6 +21,7 @@ const TYPES = {
   terms: "terms",
   agree: "agree",
   popup: "popup",
+  mypage: "mypage",
   oneDepthCategory: "oneDepthCategory",
   twoDepthCategory: "twoDepthCategory",
   topButton: "topButton",

com.twin.app.shoptime/src/components/TButton/TButton.module.less

@@ -143,6 +143,24 @@
       color: @COLOR_WHITE;
     }
   }
+  &.mypage {
+    width: auto;
+    background-color: #999999;
+    color: @COLOR_WHITE;
+    margin: 0 20px;
+    font-size: 30px;
+    border-radius: 10px;
+    box-sizing: border-box;
+    .flex();
+    box-shadow: 0 5px 5px #003 0 6px 7px #0000001a;
+    line-height: normal;
+
+    &:focus {
+      box-shadow: 0px 18px 28.2px 1.8px rgba(0, 0, 0, 0.4);
+      background-color: @PRIMARY_COLOR_RED;
+      color: @COLOR_WHITE;
+    }
+  }
 
   &.oneDepthCategory {
     position: relative;

com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Favorites/Favorites.jsx

@@ -24,7 +24,7 @@ export default function Favorites() {
       <div className={css.contentsBox}>
         <div className={css.buttonBox}>
           <TButton
-            type={TYPES.agree}
+            type={TYPES.mypage}
             className={css.locateBox}
             size={SIZES.small}
           >

com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/MyInfo/MyInfo.jsx

@@ -1,14 +1,22 @@
 import React from "react";
 
+import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
+
 import ic_profile from "../../../../../assets/images/icons/ic-profile.svg";
 import myinfo_login from "../../../../../assets/images/img-banner-myinfo-login@3x.png";
 import TButton, { TYPES } from "../../../../components/TButton/TButton";
 import { $L } from "../../../../utils/helperMethods";
 import css from "../MyInfo/MyInfo.module.less";
 
+const Container = SpotlightContainerDecorator(
+  {
+    enterTo: "last-focused",
+  },
+  "div"
+);
 export default function MyInfo() {
   return (
-    <div className={css.myInfoContainer}>
+    <Container className={css.myInfoContainer}>
       <div className={css.contentsBox}>
         <div className={css.infoBox}>
           <div className={css.infoTopBox}>
@@ -22,7 +30,7 @@ export default function MyInfo() {
               <div className={css.email}>Email</div>
               <div className={css.email}>-</div>
             </div>
-            <TButton type={TYPES.agree} className={css.locateBox}>
+            <TButton type={TYPES.mypage} className={css.locateBox}>
               {$L("SIGN IN (LG Account)")}
             </TButton>
           </div>
@@ -31,6 +39,6 @@ export default function MyInfo() {
           <img src={myinfo_login} />
         </div>
       </div>
-    </div>
+    </Container>
   );
 }

com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/RecentlyViewed/RecentlyViewed.jsx

@@ -1,5 +1,7 @@
 import React from "react";
 
+import classNames from "classnames";
+
 import { SpotlightContainerDecorator } from "@enact/spotlight/SpotlightContainerDecorator";
 import Spottable from "@enact/spotlight/Spottable";
 
@@ -19,7 +21,7 @@ export default function RecentlyViewed() {
       <div className={css.contentsBox}>
         <div className={css.buttonBox}>
           <TButton
-            type={TYPES.agree}
+            type={TYPES.mypage}
             className={css.locateBox}
             size={SIZES.small}
           >
@@ -231,6 +233,24 @@ export default function RecentlyViewed() {
           </SpottableComponent>
         </Container>
       </div>
+      {/* <div className={css.contentsBox}>
+        <div className={classNames(css.contents, css.noContents)}>
+          <div className={css.noTitle}>
+            <div className={css.textBox}>
+              You have no recently watched Shows or Item
+            </div>
+            <div className={css.emptyBtnBox}>
+              <TButton
+                type={TYPES.agree}
+                className={css.noTitleBtnBox}
+                size={SIZES.small}
+              >
+                {$L("Previous")}
+              </TButton>
+            </div>
+          </div>
+        </div>
+      </div> */}
     </div>
   );
 }

com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/RecentlyViewed/RecentlyViewed.module.less

@@ -56,6 +56,7 @@
         text-align: center;
         .noTitle {
           margin-top: 246px;
+          width: 100%;
           .textBox {
             font-size: 50px;
             font-family: @baseFont;

com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/TermsOfService/TermsOfService.jsx

@@ -79,7 +79,7 @@ export default function TermsOfService() {
         <div className={css.buttonBox}>
           <TButton
             onClick={handleDisagree}
-            type={TYPES.agree}
+            type={TYPES.mypage}
             className={css.locateBox}
           >
             {$L("Do Not Agree")}