From 56273bf0167c66d0412af41ffa2ae9c0279171f4 Mon Sep 17 00:00:00 2001 From: Anuj Kumar Shrivastav <123423315+Ajdecoder@users.noreply.github.com> Date: Fri, 10 May 2024 14:02:36 +0000 Subject: [PATCH 1/2] styling fixes Sort By button and body overflow solved --- src/Pages/CSS/ShopCategory.css | 7 +++++-- src/index.css | 21 +++++++++++---------- 2 files changed, 16 insertions(+), 12 deletions(-) diff --git a/src/Pages/CSS/ShopCategory.css b/src/Pages/CSS/ShopCategory.css index fba0b28..1dd4b3a 100644 --- a/src/Pages/CSS/ShopCategory.css +++ b/src/Pages/CSS/ShopCategory.css @@ -6,7 +6,7 @@ .shopcategory-indexSort { display: flex; - margin: 0px 170px; +margin: 59px; justify-content: space-between; align-items: center; } @@ -15,7 +15,7 @@ font-family: inherit; text-align: center; padding: 10px 35px 10px 20px; - border-radius: 40px; + border-radius: 9px; border: 1px solid #888; -moz-appearance: none; -webkit-appearance: none; @@ -42,6 +42,9 @@ .shopcategory-sort option { text-align: left; } +.shopcategory-sort,select { + margin: 5px; +} .shopcategory-indexSort p span { font-weight: 600; diff --git a/src/index.css b/src/index.css index 0d4669a..88d9ed4 100644 --- a/src/index.css +++ b/src/index.css @@ -1,20 +1,21 @@ @import url("https://fonts.googleapis.com/css?family=Montserrat:400,800"); -*{ +* { margin: 0; } body { margin: 0; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', - 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", + "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-family: 'poppins'; + font-family: "poppins"; + overflow-x: hidden; } code { - font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', + font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace; } /* Custom scrollbar for WebKit browsers */ @@ -23,25 +24,25 @@ code { } ::-webkit-scrollbar-thumb { - background-color: #6970cc !important; + background-color: #6970cc !important; border-radius: 6px; /* Rounded corners of the thumb */ } ::-webkit-scrollbar-track { - background-color: #bacfcf !important; + background-color: #bacfcf !important; } ::-webkit-scrollbar-thumb:hover { - background-color: #6a9be0 !important; + background-color: #6a9be0 !important; } /* Custom scrollbar for Firefox */ body { scrollbar-width: thin !important; /* Firefox */ - scrollbar-color: #6970cc !important; + scrollbar-color: #6970cc !important; } body:hover { scrollbar-width: thin !important; /* Firefox */ - scrollbar-color: #283f33 #330000 !important; + scrollbar-color: #283f33 #330000 !important; } From a5595eeabda964e8f43b8a4c87a9be6c4cc87575 Mon Sep 17 00:00:00 2001 From: Anuj Date: Sun, 2 Jun 2024 11:20:55 +0530 Subject: [PATCH 2/2] uniformed all section product cards --- package-lock.json | 111 --------------------------------- src/Components/Item/Item.css | 5 +- src/Pages/CSS/ShopCategory.css | 4 +- 3 files changed, 6 insertions(+), 114 deletions(-) diff --git a/package-lock.json b/package-lock.json index cbc835e..f2d4d0e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3594,104 +3594,6 @@ "url": "https://github.com/sponsors/gregberge" } }, - "node_modules/@testing-library/dom": { - "version": "9.3.3", - "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.3.tgz", - "integrity": "sha512-fB0R+fa3AUqbLHWyxXa2kGVtf1Fe1ZZFr0Zp6AIbIAzXb2mKbEXl+PCQNUOaq5lbTab5tfctfXRNsWXxa2f7Aw==", - "peer": true, - "dependencies": { - "@babel/code-frame": "^7.10.4", - "@babel/runtime": "^7.12.5", - "@types/aria-query": "^5.0.1", - "aria-query": "5.1.3", - "chalk": "^4.1.0", - "dom-accessibility-api": "^0.5.9", - "lz-string": "^1.5.0", - "pretty-format": "^27.0.2" - }, - "engines": { - "node": ">=14" - } - }, - "node_modules/@testing-library/dom/node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "peer": true, - "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } - }, - "node_modules/@testing-library/dom/node_modules/aria-query": { - "version": "5.1.3", - "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz", - "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==", - "peer": true, - "dependencies": { - "deep-equal": "^2.0.5" - } - }, - "node_modules/@testing-library/dom/node_modules/chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "peer": true, - "dependencies": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/chalk/chalk?sponsor=1" - } - }, - "node_modules/@testing-library/dom/node_modules/color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "peer": true, - "dependencies": { - "color-name": "~1.1.4" - }, - "engines": { - "node": ">=7.0.0" - } - }, - "node_modules/@testing-library/dom/node_modules/color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "peer": true - }, - "node_modules/@testing-library/dom/node_modules/has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "peer": true, - "engines": { - "node": ">=8" - } - }, - "node_modules/@testing-library/dom/node_modules/supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "peer": true, - "dependencies": { - "has-flag": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/@testing-library/jest-dom": { "version": "5.17.0", "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-5.17.0.tgz", @@ -16811,19 +16713,6 @@ "is-typedarray": "^1.0.0" } }, - "node_modules/typescript": { - "version": "4.9.5", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz", - "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==", - "peer": true, - "bin": { - "tsc": "bin/tsc", - "tsserver": "bin/tsserver" - }, - "engines": { - "node": ">=4.2.0" - } - }, "node_modules/unbox-primitive": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz", diff --git a/src/Components/Item/Item.css b/src/Components/Item/Item.css index f42905e..d0a5d7d 100644 --- a/src/Components/Item/Item.css +++ b/src/Components/Item/Item.css @@ -1,5 +1,8 @@ .item{ - width: 350px; + width: 300px !important; +} +.item img{ + width: 100% !important; } .item p{ margin: 6px 0px; diff --git a/src/Pages/CSS/ShopCategory.css b/src/Pages/CSS/ShopCategory.css index 1dd4b3a..77e2451 100644 --- a/src/Pages/CSS/ShopCategory.css +++ b/src/Pages/CSS/ShopCategory.css @@ -51,10 +51,10 @@ margin: 59px; } .shopcategory-products { - margin: 20px 70px; + margin: 20px 53px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; - row-gap: 80px; + gap: 18px; } .shopcategory-loadmore {