Fix docs anchor scroll offset

Author: tannerlinsley

src/components/LibraryLayout.tsx

@@ -1393,7 +1393,7 @@ export function LibraryLayout({
           className={`
            md:min-h-[calc(100dvh-var(--navbar-height))]
            flex flex-col
-          w-full transition-all duration-300 [--docs-tabs-height:41px] min-[1120px]:[--docs-tabs-height:42px]
+          w-full transition-all duration-300
           [overflow-x:clip]`}
         >
           {smallMenu}

src/styles/app.css

@@ -118,7 +118,21 @@ html.theme-switching *::after {
 
   :root {
     --navbar-height: 52px;
-    scroll-padding-top: var(--navbar-height);
+    --docs-tabs-height: 0px;
+    --anchor-scroll-padding-top: calc(
+      var(--navbar-height) + var(--docs-tabs-height)
+    );
+    scroll-padding-top: var(--anchor-scroll-padding-top);
+  }
+
+  :root:has([data-docs-layout]) {
+    --docs-tabs-height: 41px;
+  }
+
+  @media (min-width: 1120px) {
+    :root:has([data-docs-layout]) {
+      --docs-tabs-height: 42px;
+    }
   }
 }