docs: styles 2

docs/.gitattributes

@@ -0,0 +1,2 @@
+# This is just so that GitHub shows the language "Swift" as the repo language.
+*.mdx linguist-language=Swift

docs/docusaurus.config.ts

@@ -34,12 +34,6 @@ const config: Config = {
           routeBasePath: '/',
           sidebarPath: './sidebars.ts',
           editUrl: 'https://github.com/lodev09/react-native-true-sheet/blob/main/docs/',
-          versions: {
-            current: {
-              label: pkg.version,
-              badge: true,
-            },
-          },
         },
         blog: {
           showReadingTime: true,

docs/src/css/custom.css

@@ -36,10 +36,19 @@
   --ifm-alert-background-color: #11663f;
 }
 
-.menu_node_modules-\@docusaurus-theme-classic-lib-theme-DocSidebar-Desktop-Content-styles-module {
-  padding: 1rem !important;
+.padding-top--md {
+  padding: 1.5rem !important;
 }
 
-.docSidebarContainer_node_modules-\@docusaurus-theme-classic-lib-theme-DocRoot-Layout-Sidebar-styles-module {
-  border-right-width: 0px !important;
+.doc-sidebar-content {
+  padding: 1.5rem !important;
+}
+
+.theme-doc-sidebar-container {
+  border-right-width: 0 !important;
+}
+
+.pagination-nav__link {
+  background-color: var(--ifm-menu-color-background-active);
+  border-width: 0;
 }

docs/src/theme/DocSidebar/Desktop/Content/index.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import Content from '@theme-original/DocSidebar/Desktop/Content'
+import type ContentType from '@theme/DocSidebar/Desktop/Content'
+import type { WrapperProps } from '@docusaurus/types'
+
+type Props = WrapperProps<typeof ContentType>
+
+export default function ContentWrapper(props: Props): React.ReactElement {
+  return (
+    <>
+      <Content {...props} className="doc-sidebar-content" />
+    </>
+  )
+}