forked from crowetic/commerce
Changes to the headings
This commit is contained in:
parent
c2788c256b
commit
f530f7d597
@ -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 {
|
||||||
|
@ -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
|
||||||
|
@ -23,7 +23,6 @@
|
|||||||
@apply gap-3;
|
@apply gap-3;
|
||||||
|
|
||||||
& > * {
|
& > * {
|
||||||
font-size: 1.5rem;
|
|
||||||
min-height: 325px;
|
min-height: 325px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user