cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

Hide the banner on mobile

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/core/Featurebar/Featurebar.module.css
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 {
@apply mx-3 bg-white;
width: 1px;
@ -15,7 +7,3 @@
.separator:before {
content: '';
}
.description {
@apply text-white font-medium;
}

9
components/core/Featurebar/Featurebar.tsx
View File

@ -9,12 +9,15 @@ interface Props {
}
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 (
<div className={rootClassName}>
<span className={s.title}>{title}</span>
<span className="text-white font-medium">{title}</span>
<span className={s.separator} />
<span className={s.description}>{description}</span>
<span className="text-white font-medium">{description}</span>
</div>
)
}