mirror of
https://github.com/vercel/commerce.git
synced 2025-07-24 02:31:24 +00:00
🎨 styles: empty common
:%s
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@@ -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>
|
||||||
{
|
{
|
||||||
|
Reference in New Issue
Block a user