Fix: Correct spacing (#266)

betaflight · Dec 13, 2023 · 8a2d794 · 8a2d794
1 parent 77127ca
commit 8a2d794
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 8 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -1,8 +1,8 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
 
-const lightCodeTheme = require('prism-react-renderer').themes.github;
-const darkCodeTheme = require('prism-react-renderer').themes.dracula;
+const lightCodeTheme = require('prism-react-renderer').themes.github
+const darkCodeTheme = require('prism-react-renderer').themes.dracula
 const math = require('remark-math')
 const katex = require('rehype-katex')
 
@@ -93,7 +93,7 @@ const config = {
         },
         blog: false,
         theme: {
-          customCss: [require.resolve('./src/css/tailwind.scss'), require.resolve('./src/css/mermaid.scss'), require.resolve('./src/css/custom.css')],
+          customCss: [require.resolve('./src/css/mermaid.scss'), require.resolve('./src/css/custom.css'), require.resolve('./src/css/tailwind.scss')],
         },
       }),
     ],

diff --git a/src/css/tailwind.scss b/src/css/tailwind.scss
@@ -172,8 +172,13 @@ nav.menu.thin-scrollbar {
 }
 
 /* table of contents */
-.theme-doc-toc-desktop {
-  @apply overflow-y-visible -mt-8 pt-6 pb-12 px-4 sticky;
+
+.sidebar_node_modules-\@docusaurus-theme-classic-lib-theme-DocSidebar-Desktop-styles-module {
+	@apply overflow-y-visible pt-0 max-h-[90vh] #{!important};
+}
+
+.menu_node_modules-\@docusaurus-theme-classic-lib-theme-DocSidebar-Desktop-Content-styles-module {
+  @apply pt-0 pb-4 px-4 sticky;
 }
 
 .table-of-contents {

diff --git a/src/pages/stats.tsx b/src/pages/stats.tsx
@@ -211,11 +211,11 @@ const MinorChart = ({ type, data, maxY }) => {
               anchor: 'bottom',
               direction: 'row',
               justify: false,
-              translateY: 64,
+              translateY: 100,
               itemsSpacing: 32,
               itemDirection: 'top-to-bottom',
-              itemWidth: 78,
-              itemHeight: 20,
+              itemWidth: 96,
+              itemHeight: 64,
               symbolSize: 10,
               symbolShape: 'circle',
               symbolBorderColor: 'rgba(0, 0, 0, .5)',

diff --git a/src/theme/nivoThemeDark.js b/src/theme/nivoThemeDark.js
@@ -39,6 +39,7 @@ export const themeDark = {
   legends: {
     text: {
       fill: '#ffffff',
+      fontSize: 12,
     },
   },
 };
diff --git a/src/theme/nivoThemeLight.js b/src/theme/nivoThemeLight.js
@@ -39,6 +39,7 @@ export const themeLight = {
   legends: {
     text: {
       fill: '#181818',
+      fontSize: 12,
     },
   },
 };