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

[SectionTitle] itemCount props 내부 코드 변경

Browse Source
This commit is contained in:
hyunwoo93.cha
2024-02-08 13:34:16 +09:00
parent 2aff000fdf
commit 55e61a40f2
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
com.twin.app.shoptime/src/components/SectionTitle/SectionTitle.jsx
View File

@@ -15,8 +15,8 @@ export default memo(function SectionTitle({
className={classNames(className ? className : css.sectionTitle)} className={classNames(className ? className : css.sectionTitle)}
{...rest} {...rest}
> >
<span /> {title}
{itemCount ? <>{`${title + " (" + itemCount + ")"}`}</> : <>{title}</>} {itemCount && <span>({itemCount})</span>}
</h2> </h2>
); );
}); });

7
com.twin.app.shoptime/src/components/SectionTitle/SectionTitle.module.less
View File

@@ -7,10 +7,15 @@
.font(@fontFamily: @baseFontBold, @fontSize: 42px); .font(@fontFamily: @baseFontBold, @fontSize: 42px);
color: @COLOR_GRAY08; color: @COLOR_GRAY08;
span { &::before {
display: inline-block; display: inline-block;
content: "";
.size(@w: 6px, @h: 36px); .size(@w: 6px, @h: 36px);
margin-right: 12px; margin-right: 12px;
background-color: @PRIMARY_COLOR_RED; background-color: @PRIMARY_COLOR_RED;
} }
span {
margin-left: 10px;
}
} }