From 45325ea18312878047920cef0264e963197fcccd Mon Sep 17 00:00:00 2001 From: planetabhi Date: Thu, 21 Dec 2023 23:54:18 +0530 Subject: [PATCH] polishing --- package-lock.json | 56 ------------------------------ src/components/Card.css | 14 +++++--- src/components/CategoryNavItem.css | 1 + src/data/tools.json | 4 +-- src/layouts/Layout.astro | 11 +++--- 5 files changed, 16 insertions(+), 70 deletions(-) diff --git a/package-lock.json b/package-lock.json index cb0e84a..6b16409 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,7 +9,6 @@ "version": "0.1.0", "dependencies": { "@astrojs/cloudflare": "^8.0.0", - "@astrojs/netlify": "^3.1.1", "@astrojs/react": "^3.0.7", "@types/react": "^18.2.45", "@types/react-dom": "^18.2.18", @@ -153,19 +152,6 @@ "astro": "^4.0.0-beta.0" } }, - "node_modules/@astrojs/netlify": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/@astrojs/netlify/-/netlify-3.1.1.tgz", - "integrity": "sha512-zXApWH3uaW0/sxu75S4XfVO7xe8pmPtlGzBDFWyeceIi9u2oWgnFdVdNEnZ/bb5//+54b4y/LeL4yzL5kDjX6Q==", - "dependencies": { - "@astrojs/underscore-redirects": "^0.3.3", - "@netlify/functions": "^2.0.1", - "esbuild": "^0.19.5" - }, - "peerDependencies": { - "astro": "^3.0.0 || ^4.0.0" - } - }, "node_modules/@astrojs/prism": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/@astrojs/prism/-/prism-3.0.0.tgz", @@ -1045,38 +1031,6 @@ "@jridgewell/sourcemap-codec": "^1.4.14" } }, - "node_modules/@netlify/functions": { - "version": "2.4.0", - "resolved": "https://registry.npmjs.org/@netlify/functions/-/functions-2.4.0.tgz", - "integrity": "sha512-dIqhdj5u4Lu/8qbYwtYpn8NfvIyPHbSTV2lAP4ocL+iwC9As06AXT0wa/xOpO2vRWJa0IMxdZaqCPnkyHlHiyg==", - "dependencies": { - "@netlify/serverless-functions-api": "1.11.0", - "is-promise": "^4.0.0" - }, - "engines": { - "node": ">=14.0.0" - } - }, - "node_modules/@netlify/node-cookies": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/@netlify/node-cookies/-/node-cookies-0.1.0.tgz", - "integrity": "sha512-OAs1xG+FfLX0LoRASpqzVntVV/RpYkgpI0VrUnw2u0Q1qiZUzcPffxRK8HF3gc4GjuhG5ahOEMJ9bswBiZPq0g==", - "engines": { - "node": "^14.16.0 || >=16.0.0" - } - }, - "node_modules/@netlify/serverless-functions-api": { - "version": "1.11.0", - "resolved": "https://registry.npmjs.org/@netlify/serverless-functions-api/-/serverless-functions-api-1.11.0.tgz", - "integrity": "sha512-3splAsr2CekL7VTwgo6yTvzD2+f269/s+TJafYazonqMNNo31yzvFxD5HpLtni4DNE1ppymVKZ4X/rLN3yl0vQ==", - "dependencies": { - "@netlify/node-cookies": "^0.1.0", - "urlpattern-polyfill": "8.0.2" - }, - "engines": { - "node": "^14.18.0 || >=16.0.0" - } - }, "node_modules/@new-ui/colors": { "version": "1.2.11", "resolved": "https://registry.npmjs.org/@new-ui/colors/-/colors-1.2.11.tgz", @@ -3016,11 +2970,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/is-promise": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz", - "integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==" - }, "node_modules/is-stream": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz", @@ -6141,11 +6090,6 @@ "browserslist": ">= 4.21.0" } }, - "node_modules/urlpattern-polyfill": { - "version": "8.0.2", - "resolved": "https://registry.npmjs.org/urlpattern-polyfill/-/urlpattern-polyfill-8.0.2.tgz", - "integrity": "sha512-Qp95D4TPJl1kC9SKigDcqgyM2VDVO4RiJc2d4qe5GrYm+zbIQCWWKAFaJNQ4BhdFeDGwBmAxqJBwWSJDb9T3BQ==" - }, "node_modules/util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", diff --git a/src/components/Card.css b/src/components/Card.css index 4a59e29..36e2a60 100644 --- a/src/components/Card.css +++ b/src/components/Card.css @@ -3,11 +3,17 @@ display: flex; background-color: var(--background-secondary); background-position: 100%; - border: 1px solid transparent; border-radius: var(--spacing-03); height: 136px; position: relative; - box-shadow: 0px 2px 4px 0px rgba(22, 22, 22, 0.08), 0px 8px 12px -8px rgba(22, 22, 22, 0.08); + --shadow-color: rgb(0 0 0 / 0.04); + box-shadow: 0px 0px 0px 1px var(--shadow-color), + 0px 1px 1px -0.5px var(--shadow-color), + 0px 3px 3px -1.5px var(--shadow-color), + 0px 6px 6px -3px var(--shadow-color), + 0px 12px 12px -6px var(--shadow-color), + 0px 24px 24px -12px var(--shadow-color); + transition:all .12s ease-out; } .link-card>a { @@ -23,11 +29,9 @@ p { .link-card:is(:hover, :focus-within) { background-position: 0; - border: 1px solid var(--border); + --shadow-color: rgb(0 0 0 / 0.06); } -.link-card:is(:hover, :focus-within) h6 {} - p.distribution { margin: var(--spacing-00); position: absolute; diff --git a/src/components/CategoryNavItem.css b/src/components/CategoryNavItem.css index e18da9c..1783614 100644 --- a/src/components/CategoryNavItem.css +++ b/src/components/CategoryNavItem.css @@ -5,6 +5,7 @@ outline: none; background: none; cursor: pointer; + font-weight: 500; } .nav__item:hover { diff --git a/src/data/tools.json b/src/data/tools.json index f33b476..e4fec51 100644 --- a/src/data/tools.json +++ b/src/data/tools.json @@ -271,7 +271,7 @@ ] }, { - "title": "🎨 Design Tools", + "title": "🎨 Design", "category": "design-tools", "content": [ { @@ -439,7 +439,7 @@ ] }, { - "title": "🖥 Developer Tools", + "title": "🖥 Developer", "category": "developer-tools", "content": [ { diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index a33aebd..c6c2105 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -35,13 +35,13 @@ const { site, title, tagline } = Astro.props;
SubmitSubmit a New Tool