diff options
author | Ellie Huxtable <ellie@elliehuxtable.com> | 2023-02-25 23:55:39 +0000 |
---|---|---|
committer | Ellie Huxtable <ellie@elliehuxtable.com> | 2023-02-25 23:55:39 +0000 |
commit | e660a4d4fe52f09197d75b329a9b74e2d67850af (patch) | |
tree | 430ce4363b43e0640e8321ddd95f18e431a162f8 | |
parent | 89d3e02931cc8430de492a843ad5273db739e82a (diff) |
More fixes :)
-rw-r--r-- | docs/src/components/HomepageFeatures/index.js | 7 | ||||
-rw-r--r-- | docs/src/components/HomepageFeatures/styles.module.css | 10 | ||||
-rw-r--r-- | docs/src/css/custom.css | 1 | ||||
-rw-r--r-- | docs/src/pages/index.module.css | 19 |
4 files changed, 29 insertions, 8 deletions
diff --git a/docs/src/components/HomepageFeatures/index.js b/docs/src/components/HomepageFeatures/index.js index ac909c88..ec78def7 100644 --- a/docs/src/components/HomepageFeatures/index.js +++ b/docs/src/components/HomepageFeatures/index.js @@ -16,7 +16,7 @@ const FeatureList = [ ), }, { - title: 'Find it fast', + title: 'Speedy search', description: ( <> <ul> @@ -24,12 +24,13 @@ const FeatureList = [ <li>Configurable search method - fuzzy, prefix, etc</li> <li>Easily search and filter by session, directory, or machine</li> <li>Powerful command line search for integration with other tools</li> + <li>Written in Rust, so it's fast <em>and</em> safe 🦀</li> </ul> </> ), }, { - title: 'All the data', + title: 'Extra context', description: ( <> <ul> @@ -44,7 +45,7 @@ const FeatureList = [ function Feature({ Svg, title, description }) { return ( - <div className={clsx('col col--4')}> + <div className={clsx('col col--4', styles.whatisfeatureblock)}> <div className={"padding-horiz--md", styles.whatisfeature}> <h3>{title}</h3> <p>{description}</p> diff --git a/docs/src/components/HomepageFeatures/styles.module.css b/docs/src/components/HomepageFeatures/styles.module.css index 7527f330..c02de402 100644 --- a/docs/src/components/HomepageFeatures/styles.module.css +++ b/docs/src/components/HomepageFeatures/styles.module.css @@ -15,3 +15,13 @@ padding: 2rem; } + +@media screen and (max-width: 996px) { + .whatisfeatureblock { + margin-top: 2rem; + } + + .features { + padding: 0; + } +} diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css index d7c8f98e..78be3a88 100644 --- a/docs/src/css/custom.css +++ b/docs/src/css/custom.css @@ -33,3 +33,4 @@ --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); } + diff --git a/docs/src/pages/index.module.css b/docs/src/pages/index.module.css index fc7eb14e..92931dfb 100644 --- a/docs/src/pages/index.module.css +++ b/docs/src/pages/index.module.css @@ -18,6 +18,20 @@ .heroBanner { padding: 2rem; } + + .whatis { + padding-top: 2rem; + } + + .whatisfeatureblock { + margin-top: 2rem; + } +} + +@media screen and (min-width: 996px) { + .whatis { + padding: 4rem; + } } .buttons { @@ -36,11 +50,6 @@ -moz-text-fill-color: transparent; } -.whatis { - padding: 4rem; - -} - .whatis h1 { font-size: 2em; } |