make the docs sidebar wider (#7188)

Author: hasparus

packages/web/docs/src/app/global.css

@@ -0,0 +1,16 @@
+.nextra-sidebar.nextra-sidebar {
+  width: 300px;
+
+  & ul {
+    padding-left: 4px;
+    margin-left: 9px;
+
+    & .x\:text-gray-500 {
+      @apply text-gray-700 dark:text-neutral-300;
+    }
+  }
+}
+
+article.x\:min-h-\[calc\(100vh-var\(--nextra-navbar-height\)\)\] {
+  @apply md:pl-6 md:pr-8;
+}

packages/web/docs/src/app/layout.tsx

@@ -20,6 +20,7 @@ import '../selection-styles.css';
 import '../easing-functions.css';
 import '../mermaid.css';
 import { NarrowPages } from './narrow-pages';
+import './global.css';
 
 export const metadata = getDefaultMetadata({
   productName: PRODUCTS.HIVE.name,