crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-04 20:21: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%;
margin-right: 1.2rem;
}
.conTent{
.content{
@apply font-logo sub-headline;
font-size: var(--font-size);
}

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

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

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

@ -2,15 +2,15 @@
.viewAll{
display: flex;
color: theme("colors.primary");
color: var(--primary);
.conTent{
margin: 0.8rem 0.8rem 0.8rem 1.6rem;
font-weight: bold;
}
.vecTor{
.vector{
margin: 0.8rem 0rem 0.8rem 0rem;
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
</a>
</Link>
<div className={s.vecTor}>
<div className={s.vector}>
<IconVector />
</div>
</div>