4
0
forked from crowetic/commerce

Changes to the headings

This commit is contained in:
Belen Curcio 2020-10-21 11:36:38 -03:00
parent c2788c256b
commit f530f7d597
4 changed files with 18 additions and 8 deletions

View File

@ -69,19 +69,28 @@
& .squareBg { & .squareBg {
@apply bg-gray-300 !important; @apply bg-gray-300 !important;
} }
& .productTitle {
width: 18vw;
margin-top: -7px;
font-size: 1rem;
}
& .productPrice {
@apply text-sm;
}
} }
.productTitle { .productTitle {
@apply pt-4 leading-8; @apply pt-4 leading-8;
box-sizing: border-box; width: 400px;
width: 17vw; font-size: 2rem;
margin-top: -1.2rem; letter-spacing: 0.4px;
& span { & span {
@apply inline p-4 bg-primary text-primary font-bold; @apply inline p-4 bg-primary text-primary font-bold;
font-size: inherit; font-size: inherit;
line-height: inherit; letter-spacing: inherit;
letter-spacing: 0.4px;
box-decoration-break: clone; box-decoration-break: clone;
-webkit-box-decoration-break: clone; -webkit-box-decoration-break: clone;
} }
@ -89,6 +98,7 @@
.productPrice { .productPrice {
@apply py-4 px-4 bg-primary text-base font-semibold inline-block text-sm leading-6; @apply py-4 px-4 bg-primary text-base font-semibold inline-block text-sm leading-6;
letter-spacing: 0.4px;
} }
.wishlistButton { .wishlistButton {

View File

@ -8,7 +8,7 @@ interface Props {
} }
const Container: FC<Props> = ({ children, className, el = 'div' }) => { const Container: FC<Props> = ({ children, className, el = 'div' }) => {
const rootClassName = cn('mx-auto max-w-7xl px-6 md:px-12', className) const rootClassName = cn('mx-auto max-w-7xl px-3 md:px-6', className)
let Component: React.ComponentType<React.HTMLAttributes< let Component: React.ComponentType<React.HTMLAttributes<
HTMLDivElement HTMLDivElement

View File

@ -23,7 +23,6 @@
@apply gap-3; @apply gap-3;
& > * { & > * {
font-size: 1.5rem;
min-height: 325px; min-height: 325px;
} }
} }

View File

@ -59,7 +59,7 @@ export default function Search({
return ( return (
<Container> <Container>
<div className="grid grid-cols-12 gap-8 mt-3 mb-20"> <div className="grid grid-cols-12 gap-4 mt-3 mb-20">
<div className="col-span-2"> <div className="col-span-2">
<ul className="mb-10"> <ul className="mb-10">
<li className="py-1 text-base font-bold tracking-wide"> <li className="py-1 text-base font-bold tracking-wide">
@ -143,6 +143,7 @@ export default function Search({
<Grid layout="normal"> <Grid layout="normal">
{data.products.map(({ node }) => ( {data.products.map(({ node }) => (
<ProductCard <ProductCard
variant="simple"
key={node.path} key={node.path}
className="animate__animated animate__fadeIn" className="animate__animated animate__fadeIn"
product={node} product={node}