crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-25 03:01:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

🎨 styles: empty common

Browse Source 
:%s
This commit is contained in:
lytrankieio123
2021-09-09 17:13:27 +07:00
parent 2e3947a1ba
commit d27f20e9f8
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/common/EmptyCommon/EmptyCommon.module.scss
View File

@@ -1,15 +1,16 @@
@import "../../../styles/utilities"; @import "../../../styles/utilities";
.empty { .empty {
padding: 4rem 1.6rem; padding: 1.6rem;
margin: auto; margin: auto;
.imgWrap { .imgWrap {
min-width: 10rem; min-width: 10rem;
text-align: center;
} }
.description { .description {
color: var(--disabled); color: var(--disabled);
text-align: center; text-align: center;
margin-top: 2.4rem; margin-top: .8rem;
} }
} }

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

@@ -10,7 +10,7 @@ interface Props {
const EmptyCommon = ({ description = "No data to display" }: Props) => { const EmptyCommon = ({ description = "No data to display" }: Props) => {
return ( return (
<div className={s.empty}> <div className={s.empty}>
<div className="imgWrap"> <div className={s.imgWrap}>
<StaticImage src={EmptyImg} alt="empty" /> <StaticImage src={EmptyImg} alt="empty" />
</div> </div>
{ {