crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-05 12:41:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

♻️ enhan: refactor code logo, view all item

Browse Source 
:%s
This commit is contained in:
lytrankieio123 2021-08-26 18:43:42 +07:00
parent fa3853de3c
commit aa5e68431d
4 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/Logo/Logo.module.scss
View File

@ -9,7 +9,7 @@
border-radius: 50%; border-radius: 50%;
margin-right: 1.2rem; margin-right: 1.2rem;
} }
.conTent{ .content{
@apply font-logo sub-headline; @apply font-logo sub-headline;
font-size: var(--font-size); font-size: var(--font-size);
} }

8
src/components/common/Logo/Logo.tsx
View File

@ -1,15 +1,11 @@
import s from './Logo.module.scss' import s from './Logo.module.scss'
interface Props { const Logo = () => {
}
const Logo = ({}: Props) => {
return( return(
<div className={s.logo}> <div className={s.logo}>
<div className={s.eclipse}> <div className={s.eclipse}>
</div> </div>
<div className={s.conTent}> <div className={s.content}>
ONLINE GROCERY ONLINE GROCERY
</div> </div>
</div> </div>

6
src/components/common/ViewAllItem/ViewAllItem.module.scss
View File

@ -2,15 +2,15 @@
.viewAll{ .viewAll{
display: flex; display: flex;
color: theme("colors.primary"); color: var(--primary);
.conTent{ .conTent{
margin: 0.8rem 0.8rem 0.8rem 1.6rem; margin: 0.8rem 0.8rem 0.8rem 1.6rem;
font-weight: bold; font-weight: bold;
} }
.vecTor{ .vector{
margin: 0.8rem 0rem 0.8rem 0rem; margin: 0.8rem 0rem 0.8rem 0rem;
svg path{ svg path{
fill: theme("colors.primary"); fill: var(--primary);
} }
} }
} }

2
src/components/common/ViewAllItem/ViewAllItem.tsx
View File

@ -14,7 +14,7 @@ const ViewAllItem = ({ link }: Props) => {
View All View All
</a> </a>
</Link> </Link>
<div className={s.vecTor}> <div className={s.vector}>
<IconVector /> <IconVector />
</div> </div>
</div> </div>