4
0
forked from crowetic/commerce

Featurebar updated.

This commit is contained in:
Belen Curcio 2020-09-24 08:29:36 -03:00
parent 30b99374ba
commit a0142a7220
3 changed files with 8 additions and 3 deletions

View File

@ -4,11 +4,11 @@ import { Navbar } from "components";
export default function Home() { export default function Home() {
return ( return (
<> <>
<Navbar />
<Featurebar <Featurebar
title="Free Standard Shipping on orders over $99.99" title="Free Standard Shipping on orders over $99.99"
description="Due to COVID-19, some orders may experience processing and delivery delays." description="Due to COVID-19, some orders may experience processing and delivery delays."
/> />
<Navbar />
<Container className="py-12"> <Container className="py-12">
<Button>Click Me!</Button> <Button>Click Me!</Button>
</Container> </Container>

View File

@ -3,9 +3,13 @@
} }
.title { .title {
@apply text-indigo-500 font-medium; @apply text-white font-medium;
}
.separator {
@apply mx-2 font-medium text-xs leading-6;
} }
.description { .description {
@apply ml-2 text-white font-medium; @apply text-white font-medium;
} }

View File

@ -17,6 +17,7 @@ const Featurebar: FunctionComponent<Props> = ({
return ( return (
<div className={rootClassName}> <div className={rootClassName}>
<span className={s.title}>{title}</span> <span className={s.title}>{title}</span>
<span className={s.separator}>|</span>
<span className={s.description}>{description}</span> <span className={s.description}>{description}</span>
</div> </div>
); );