Merge pull request #392 from janhq/misc/ui-home

misc: UI home

docs/src/pages/index.js

@@ -67,7 +67,7 @@ export default function Home() {
                 light: useBaseUrl("/img/bg-hero-light.svg"),
                 dark: useBaseUrl("/img/bg-hero-dark.svg"),
               }}
-              className="absolute w-full h-full opacity-30 dark:opacity-20 top-0 object-cover blur-3xl"
+              className="absolute w-full h-full opacity-10 dark:opacity-20 top-0 object-cover blur-3xl"
             />
             <div className="container py-16">
               <div className="grid grid-cols-1 items-center gap-4">

docs/src/styles/main.scss

@@ -1,8 +1,8 @@
-@import 'tailwindcss/base';
+@import "tailwindcss/base";
-@import 'tailwindcss/components';
+@import "tailwindcss/components";
-@import 'tailwindcss/utilities';
+@import "tailwindcss/utilities";
 
-@import './typography.scss';
+@import "./typography.scss";
-@import './tweaks.scss';
+@import "./tweaks.scss";
-@import './base.scss';
+@import "./base.scss";
-@import './components.scss';
+@import "./components.scss";

docs/src/styles/tweaks.scss

@@ -4,11 +4,11 @@
   }
 }
 
-.col.docItemCol_node_modules-\@docusaurus-theme-classic-lib-theme-DocItem-Layout-styles-module {
+[class*="docItemCol_"] {
   @apply p-4 lg:px-16 lg:py-4;
 }
 
-.breadcrumbsContainer_node_modules-\@docusaurus-theme-classic-lib-theme-DocBreadcrumbs-styles-module {
+[class*="breadcrumbsContainer_"] {
   margin-bottom: 40px !important;
 }
 
@@ -21,7 +21,7 @@
   padding: 32px 10px;
 }
 
-.iconExternalLink_node_modules-\@docusaurus-theme-classic-lib-theme-Icon-ExternalLink-styles-module {
+[class*="iconExternalLink_"] {
   display: none;
 }
 
@@ -41,10 +41,6 @@
     .navbar-sidebar__close {
       width: 14px;
     }
-    // .toggle_node_modules-\@docusaurus-theme-classic-lib-theme-ColorModeToggle-styles-module {
-    //   width: 24px;
-    //   height: 24px;
-    // }
   }
 
   .navbar__title {
@@ -71,8 +67,8 @@
   }
 }
 
-.docMainContainer_node_modules-\@docusaurus-theme-classic-lib-theme-DocPage-Layout-Main-styles-module,
+[class*="docMainContainer_"],
-.docSidebarContainer_node_modules-\@docusaurus-theme-classic-lib-theme-DocPage-Layout-Sidebar-styles-module {
+[class*="docSidebarContainer_"] {
   @apply bg-gray-50 dark:bg-gray-950/95;
 }
 
@@ -80,13 +76,12 @@
   @apply bg-gray-50 dark:bg-gray-900;
 }
 
-.docSidebarContainer_node_modules-\@docusaurus-theme-classic-lib-theme-DocPage-Layout-Sidebar-styles-module,
+.theme-doc-sidebar-container {
-.table-of-contents__left-border {
   @apply border-gray-200 dark:border-gray-800;
 }
 
-.docMainContainer_node_modules-\@docusaurus-theme-classic-lib-theme-DocPage-Layout-Main-styles-module,
+[class*="docMainContainer_"],
-.docSidebarContainer_node_modules-\@docusaurus-theme-classic-lib-theme-DocPage-Layout-Sidebar-styles-module {
+[class*="docSidebarContainer_"] {
   table {
     a {
       @apply text-blue-600 dark:text-blue-400;