Merge pull request #541 from gnarlex/empty-placeholder-margin

Style: Add gap between "empty" placeholder message and children
This commit is contained in:
Mike Cao 2021-03-12 13:37:53 -08:00 committed by GitHub
commit cce59eae65
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 1 deletions

View File

@ -8,7 +8,7 @@ function EmptyPlaceholder({ msg, children }) {
return ( return (
<div className={styles.placeholder}> <div className={styles.placeholder}>
<Icon className={styles.icon} icon={<Logo />} size="xlarge" /> <Icon className={styles.icon} icon={<Logo />} size="xlarge" />
<h2>{msg}</h2> <h2 className={styles.msg}>{msg}</h2>
{children} {children}
</div> </div>
); );

View File

@ -9,3 +9,7 @@
.icon { .icon {
margin-bottom: 30px; margin-bottom: 30px;
} }
.msg {
margin-bottom: 15px;
}