4
0
forked from crowetic/commerce

Hide the banner on mobile

This commit is contained in:
paco 2020-10-08 12:26:49 -06:00
parent 9b1ac73e89
commit 5b597c6a2a
No known key found for this signature in database
GPG Key ID: CD243AF4E535B475
2 changed files with 6 additions and 15 deletions

View File

@ -1,11 +1,3 @@
.root {
@apply py-4 px-6 bg-black text-white flex flex-row justify-center items-center;
}
.title {
@apply text-white font-medium;
}
.separator { .separator {
@apply mx-3 bg-white; @apply mx-3 bg-white;
width: 1px; width: 1px;
@ -15,7 +7,3 @@
.separator:before { .separator:before {
content: ''; content: '';
} }
.description {
@apply text-white font-medium;
}

View File

@ -9,12 +9,15 @@ interface Props {
} }
const Featurebar: FC<Props> = ({ title, description, className }) => { const Featurebar: FC<Props> = ({ title, description, className }) => {
const rootClassName = cn(s.root, className) const rootClassName = cn(
'hidden py-4 px-6 bg-black text-white md:flex flex-row justify-center items-center;',
className
)
return ( return (
<div className={rootClassName}> <div className={rootClassName}>
<span className={s.title}>{title}</span> <span className="text-white font-medium">{title}</span>
<span className={s.separator} /> <span className={s.separator} />
<span className={s.description}>{description}</span> <span className="text-white font-medium">{description}</span>
</div> </div>
) )
} }