optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

topbutton 텍스트 변경건.

Browse Source
This commit is contained in:
junghoon86.park
2024-06-14 11:19:37 +09:00
parent 787bc46008
commit 4ea3bd1c33
2 changed files with 28 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
com.twin.app.shoptime/src/components/TButton/TButton.jsx
View File

@@ -1,15 +1,21 @@
import React, { useCallback, useState } from "react";
import React, {
useCallback,
useState,
} from 'react';
import classNames from "classnames";
import compose from "ramda/src/compose";
import classNames from 'classnames';
import compose from 'ramda/src/compose';
import Spottable from "@enact/spotlight/Spottable";
import { Marquee, MarqueeController } from "@enact/ui/Marquee";
import Spottable from '@enact/spotlight/Spottable';
import {
Marquee,
MarqueeController,
} from '@enact/ui/Marquee';
import IcProfile from "../../../assets/images/icons/ic-profile@3x.png";
import { $L } from "../../utils/helperMethods";
import CustomImage from "../CustomImage/CustomImage";
import css from "./TButton.module.less";
import IcProfile from '../../../assets/images/icons/ic-profile@3x.png';
import { $L } from '../../utils/helperMethods';
import CustomImage from '../CustomImage/CustomImage';
import css from './TButton.module.less';
const SIZES = {
small: "small",
@@ -117,6 +123,7 @@ function TButtonBase({
aria-label={ariaLabel}
spotlightDisabled={spotlightDisabled}
>
{type === "topButton" && <div className={css.topText}>TOP</div>}
{withMarquee ? (
<Marquee className={css.marquee} marqueeOn="focus">
{children}

18
com.twin.app.shoptime/src/components/TButton/TButton.module.less
View File

@@ -240,14 +240,20 @@
&.topButton {
.size(@w: 120px, @h: 120px);
border-radius: 100%;
background-image: url("../../../assets/images/btn/btn-top-nor@3x.png");
background-position: center;
background-size: contain;
background-image: url("../../../assets/images/rectangle-639@3x.png");
background-position: 44px 31px;
background-size: 32px 17px;
background-repeat: no-repeat;
display: block;
margin: 60px auto;
&:focus {
background-image: url("../../../assets/images/btn/btn-top-foc@3x.png");
> div.topText {
width: 56px;
height: 22px;
display: inline-block;
line-height: normal;
font-size: 30px;
margin-top: 60px;
margin-left: 22px;
}
}