From 38a9d7f77d9a6a73fec986514a7423ac7c6ed6c4 Mon Sep 17 00:00:00 2001 From: w3cdpass <152853354+w3cdpass@users.noreply.github.com> Date: Wed, 26 Mar 2025 16:43:41 +0530 Subject: [PATCH 1/2] Update customTheme.css --- src/css/customTheme.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/css/customTheme.css b/src/css/customTheme.css index e09f8aa11833..0a589864b28b 100644 --- a/src/css/customTheme.css +++ b/src/css/customTheme.css @@ -18,6 +18,9 @@ } + + + @media only screen and (min-width: 1040px) { .header-long-screen { display: block; From 6394efc1e3f60d78a866eda1736ccb64086f083b Mon Sep 17 00:00:00 2001 From: w3cdpass Date: Mon, 31 Mar 2025 17:32:45 +0530 Subject: [PATCH 2/2] style: update CSS styles and add new feature description --- src/pages/index.js | 70 +++++++++++++++++++--------------- src/pages/styles.module.css | 10 +++-- static/img/features/secure.svg | 22 +++++++++++ 3 files changed, 68 insertions(+), 34 deletions(-) create mode 100644 static/img/features/secure.svg diff --git a/src/pages/index.js b/src/pages/index.js index 885ab866189c..1145f0bd3b6c 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -44,6 +44,15 @@ const features = [ ), }, + { + title: Secure, + imageUrl: 'img/features/secure.svg', + description: ( + + pnpm ensures the integrity of your packages with strict verification + + ), + }, ]; function addUTM(urlAddress) { @@ -54,9 +63,10 @@ function addUTM(urlAddress) { return url.toString(); } -function Feature({imageUrl, title, description}) { +function Feature({ imageUrl, title, description }) { return (
+ {title}

{title}

{description}

@@ -65,7 +75,7 @@ function Feature({imageUrl, title, description}) { const Showcase = props => { const context = useDocusaurusContext(); - const {siteConfig = {}} = context; + const { siteConfig = {} } = context; const showcase = siteConfig.customFields.users.filter(({ pinned }) => pinned).map((user, i) => { return ( @@ -77,10 +87,10 @@ const Showcase = props => { }); return ( -
-
+
+
-
+ @@ -161,7 +171,7 @@ const Showcase = props => { function Home() { const context = useDocusaurusContext(); - const {siteConfig = {}} = context; + const { siteConfig = {} } = context; return ( Fast, disk space efficient package manager

-
+
@@ -211,4 +221,4 @@ function Home() { ); } -export default Home; +export default Home; \ No newline at end of file diff --git a/src/pages/styles.module.css b/src/pages/styles.module.css index de2ae515ed79..7706dacd6ef3 100644 --- a/src/pages/styles.module.css +++ b/src/pages/styles.module.css @@ -2,7 +2,7 @@ /** * CSS files with the .module.css suffix will be treated as CSS modules - * and scoped locally. + * and scoped locally */ .heroBanner { @@ -26,6 +26,7 @@ } .features { + margin-top: 57px; display: flex; align-items: center; padding: 2rem 0; @@ -33,11 +34,12 @@ } .featureImage { - height: 200px; - width: 200px; + height: 100px; + width: 100px; } .youtubeVideo { +margin-top: 20px; width: 560px; height: 315px; } @@ -98,4 +100,4 @@ div[class^="announcementBarContent"] a:hover { width: calc(560px / 2.2); height: calc(315px / 2.2); } -} \ No newline at end of file +} diff --git a/static/img/features/secure.svg b/static/img/features/secure.svg new file mode 100644 index 000000000000..2a5591e84304 --- /dev/null +++ b/static/img/features/secure.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + +