A design system in a box.
hip-ui.tngl.io/docs/introduction
fix overscroll
+4
-4
+4
-4
apps/docs/src/routes/docs.tsx
+4
-4
apps/docs/src/routes/docs.tsx
···
8
8
createLink,
9
9
} from "@tanstack/react-router";
10
10
import { allDocs } from "content-collections";
11
+
import { Moon, Sun } from "lucide-react";
12
+
import { useEffect, useState } from "react";
11
13
12
14
import { Grid } from "@/components/grid";
15
+
import { IconButton } from "@/components/icon-button";
13
16
import {
14
17
Sidebar,
15
18
SidebarGroup,
···
20
23
import { Text } from "@/components/typography/text";
21
24
22
25
import { uiColor } from "../components/theme/semantic-color.stylex";
23
-
import { IconButton } from "@/components/icon-button";
24
-
import { useEffect } from "react";
25
-
import { useState } from "react";
26
-
import { Moon, Sun } from "lucide-react";
27
26
28
27
const SidebarItemLink = createLink(SidebarItem);
29
28
···
39
38
boxSizing: "border-box",
40
39
height: "100vh",
41
40
overflow: "auto",
41
+
overscrollBehavior: "contain",
42
42
position: "sticky",
43
43
top: 0,
44
44
},