mirror of
https://github.com/vercel/commerce.git
synced 2025-03-14 22:42:33 +00:00
Changes to ProductGrid
This commit is contained in:
parent
1c833447ea
commit
6c7fa4a6e6
@ -1,4 +1,8 @@
|
||||
.root {
|
||||
@apply grid grid-cols-1 lg:grid-cols-3 lg:grid-rows-4 w-full h-96;
|
||||
min-height: calc((100vh - 80px - 56px) * 2);
|
||||
|
||||
& div:nth-child(1) {
|
||||
@apply row-span-2 lg:col-span-2 bg-red-200 h-full;
|
||||
}
|
||||
}
|
||||
|
@ -12,7 +12,7 @@ const ProductView: FunctionComponent<Props> = ({ products, className }) => {
|
||||
const rootClassName = cn(s.root, className);
|
||||
return (
|
||||
<div className={rootClassName}>
|
||||
<div className="row-span-2 lg:col-span-2 bg-violet h-full"></div>
|
||||
<div></div>
|
||||
<div className="row-span-1 lg:col-span-1 bg-black h-full"></div>
|
||||
<div className="row-span-1 lg:col-span-1 bg-pink"></div>
|
||||
<div className="row-span-1 lg:col-span-1 bg-black h-full"></div>
|
||||
|
@ -19,6 +19,7 @@
|
||||
"lodash": "^4.17.20",
|
||||
"next": "^9.5.4-canary.20",
|
||||
"postcss-nested": "^5.0.1",
|
||||
"postcss-nesting": "^7.0.1",
|
||||
"react": "^16.13.1",
|
||||
"react-dom": "^16.13.1",
|
||||
"swr": "^0.3.3"
|
||||
|
@ -1,6 +1,7 @@
|
||||
module.exports = {
|
||||
plugins: [
|
||||
"tailwindcss",
|
||||
"postcss-nesting",
|
||||
"postcss-flexbugs-fixes",
|
||||
[
|
||||
"postcss-preset-env",
|
||||
|
@ -5719,7 +5719,7 @@ postcss-nested@^5.0.1:
|
||||
dependencies:
|
||||
postcss-selector-parser "^6.0.4"
|
||||
|
||||
postcss-nesting@^7.0.0:
|
||||
postcss-nesting@^7.0.0, postcss-nesting@^7.0.1:
|
||||
version "7.0.1"
|
||||
resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-7.0.1.tgz#b50ad7b7f0173e5b5e3880c3501344703e04c052"
|
||||
integrity sha512-FrorPb0H3nuVq0Sff7W2rnc3SmIcruVC6YwpcS+k687VxyxO33iE1amna7wHuRVzM8vfiYofXSBHNAZ3QhLvYg==
|
||||
|
Loading…
x
Reference in New Issue
Block a user