docs: fix z-index across projects (#5234)

* docs: fix z-index across projects * remove usage of z-index in UI docs
2023-09-27 16:38:59 +03:00
parent c68ba63c1b
commit 6942a907a5
17 changed files with 36 additions and 24 deletions
@@ -31,11 +31,11 @@ export default function RootLayout({
    <html lang="en" className="h-full w-full">
      <head />
      <body
-        className={`bg-docs-bg h-screen w-full ${inter.variable} ${robotoMono.variable}`}
+        className={`bg-docs-bg h-screen overflow-hidden w-full ${inter.variable} ${robotoMono.variable}`}
      >
        <Providers>
-          <div className="w-full">
-            <Navbar />
+          <Navbar />
+          <div className="w-full h-[calc(100%-57px)] overflow-y-scroll">
            <div className="max-w-xxl grid w-full grid-cols-1 px-6 lg:mx-auto lg:grid-cols-[280px_1fr]">
              <Sidebar expandItems={true} />
              <div className="relative flex w-full flex-1 items-start justify-center px-4 pb-8 pt-16 md:px-8 lg:px-16 lg:py-[112px]">
@@ -18,7 +18,6 @@ const Navbar = () => {
        setMobileSidebarOpen,
        mobileSidebarOpen,
      }}
-      className="!z-[49]"
    />
  )
 }
@@ -6,7 +6,7 @@ export default function FocusModalDemo() {
      <FocusModal.Trigger asChild>
        <Button>Edit Variant</Button>
      </FocusModal.Trigger>
-      <FocusModal.Content className="z-[100]">
+      <FocusModal.Content>
        <FocusModal.Header>
          <Button>Save</Button>
        </FocusModal.Header>