docs: increase sidebar width & show nav title on mobile

quran · Mar 31, 2022 · 0fd6c8a · 0fd6c8a · vercel · Mar 31, 2022
1 parent 0aed285
commit 0fd6c8a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/docs/pages/_app.js b/docs/pages/_app.js
@@ -1,4 +1,5 @@
 import 'nextra-theme-docs/style.css'
+import '../styles/global.css'
 
 export default function Nextra({ Component, pageProps }) {
   const getLayout = Component.getLayout || ((page) => page)

diff --git a/docs/styles/global.css b/docs/styles/global.css
@@ -0,0 +1,5 @@
+@media (min-width: 768px) {
+  aside {
+    width: 17.5rem !important;
+  }
+}
diff --git a/docs/theme.config.js b/docs/theme.config.js
@@ -16,8 +16,8 @@ const theme = {
   titleSuffix: SEO.titleSuffix,
   logo: (
     <>
-      <span className="mr-2 font-extrabold hidden md:inline">QuranJS</span>
-      <span className="text-gray-600 font-normal hidden md:inline">API</span>
+      <span className="mr-2 font-extrabold inline">QuranJS</span>
+      <span className="text-gray-600 font-normal inline">API</span>
     </>
   ),
   head: (