forked from crowetic/commerce
Hide the banner on mobile
This commit is contained in:
parent
9b1ac73e89
commit
5b597c6a2a
@ -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;
|
|
||||||
}
|
|
||||||
|
@ -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>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user