docs: redesign sidebar (#8408)

* initial changes * redesign the sidebar + nav drawer * changes to sidebar items * finish up sidebar redesign * support new sidebar in resources * general fixes * integrate in ui * support api reference * refactor * integrate in user guide * docs: fix build errors * fix user guide build * more refactoring * added banner * added bottom logo + icon * fix up sidebar * fix up paddings * fix shadow bottom * docs: add table of content (#8445) * add toc types * implement toc functionality * finished toc redesign * redesigned table of content * mobile fixes * truncate text in toc * mobile fixes * merge fixes * implement redesign * add hide sidebar * add menu action item * finish up hide sidebar design * implement redesign in resources * integrate in api reference * integrate changes in ui * fixes to api reference scrolling * fix build error * fix build errors * fixes * fixes to sidebar * general fixes * fix active category not closing * fix long titles
2024-08-15 12:13:13 +03:00
parent 4cb28531e5
commit b4f3b8a79d
157 changed files with 5080 additions and 2010 deletions
@@ -0,0 +1,22 @@
+"use client"
+
+import clsx from "clsx"
+import React from "react"
+
+export type SidebarSeparatorProps = {
+  className?: string
+}
+
+export const SidebarSeparator = ({ className }: SidebarSeparatorProps) => {
+  return (
+    <div className="px-docs_0.75">
+      <span
+        className={clsx(
+          "block w-full h-px relative my-docs_0.75 bg-border-dotted",
+          "bg-[length:4px_1px] bg-repeat-x bg-bottom",
+          className
+        )}
+      ></span>
+    </div>
+  )
+}