From afd3cb95b802a53581e6bc005b310d448f7e1eb9 Mon Sep 17 00:00:00 2001 From: Arista Indrajaya Date: Tue, 5 Mar 2024 16:03:04 +0700 Subject: [PATCH] docs: Hub page styling fix darkmode and change into tailwind styling --- docs/src/pages/docs.js | 46 +++++++++++++++---------------- docs/src/pages/docs.module.css | 49 ---------------------------------- 2 files changed, 23 insertions(+), 72 deletions(-) diff --git a/docs/src/pages/docs.js b/docs/src/pages/docs.js index a46f98e47..934d9471f 100644 --- a/docs/src/pages/docs.js +++ b/docs/src/pages/docs.js @@ -1,22 +1,22 @@ -import clsx from 'clsx' -import useDocusaurusContext from '@docusaurus/useDocusaurusContext' -import Layout from '@theme/Layout' -import Heading from '@theme/Heading' +import React from 'react'; +import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; +import Layout from '@theme/Layout'; +import Heading from '@theme/Heading'; +import { DocSearch } from '@docsearch/react'; +import HomepagePrimaryFeatures from '../components/HomepagePrimaryFeatures'; +import HomepageSecondaryFeatures from '../components/HomepageSecondaryFeatures'; +import HomepageTerinaryFeatures from '../components/HomepageTerinaryFeatures'; + import styles from './docs.module.css' -import HomepagePrimaryFeatures from '../components/HomepagePrimaryFeatures' -import HomepageSecondaryFeatures from '../components/HomepageSecondaryFeatures' -import HomepageTerinaryFeatures from '../components/HomepageTerinaryFeatures' -import { DocSearch } from '@docsearch/react' -import NavbarExtended from '../theme/NavbarExtension' function HomepageHeader() { - const { siteConfig } = useDocusaurusContext() + const { siteConfig } = useDocusaurusContext(); return ( -
- -
- +
+
+
+ Hello, how can we help?
@@ -28,30 +28,30 @@ function HomepageHeader() { insight={true} />
-

- Open-source ChatGPT alternative that runs 100% offline on your - computer. + +

+ Open-source ChatGPT alternative that runs 100% offline on your computer.

- ) + ); } export default function Home() { - const { siteConfig } = useDocusaurusContext() + const { siteConfig } = useDocusaurusContext(); return ( -
+
-
+
- ) + ); } diff --git a/docs/src/pages/docs.module.css b/docs/src/pages/docs.module.css index 590c5a18b..009ff2930 100644 --- a/docs/src/pages/docs.module.css +++ b/docs/src/pages/docs.module.css @@ -1,47 +1,3 @@ -/** - * CSS files with the .module.css suffix will be treated as CSS modules - * and scoped locally. - */ - -.heroBanner { - padding: 4rem 0; - text-align: center; - position: relative; - overflow: hidden; -} - -@media screen and (max-width: 996px) { - .heroBanner { - padding: 2rem; - } -} - -@media screen and (max-width: 1400px) { - .homeBg { - background-size: auto 600px !important; - } -} - -.homeBg { - background-image: url('/img/homepage-new/bg.png') !important; - background-size: contain; - background-repeat: no-repeat; -} - -.heroTitle { - font-size: 3rem; - font-weight: 600; - color: white; - margin-top: 4rem; - margin-bottom: 3rem; -} - -@media screen and (max-width: 1024px) { - .heroTitle { - font-size: 2rem; - } -} - .searchBar { background-color: white; max-width: 580px; @@ -88,8 +44,3 @@ padding: 0px 5px; margin: 0px 10px; } - -.heroSubtitle { - font-size: 1.25rem; - color: white; -}