Compare commits
9 Commits
a827aa0e8b
...
62ffc14ced
| Author | SHA1 | Date | |
|---|---|---|---|
|
62ffc14ced | ||
| 137dfacfed | |||
| 138b187378 | |||
| 195f23f44b | |||
| 6fd1d7b8a9 | |||
| c0f9307236 | |||
| 2c4e2bd0b1 | |||
| 942938ad8f | |||
|
|
2c03bcd54e |
@ -38,10 +38,10 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/luxon": "^3.4.2",
|
||||
"@types/node": "^20",
|
||||
"@types/node": "^22.0.0",
|
||||
"@types/react": "^18",
|
||||
"@types/react-dom": "^18",
|
||||
"eslint": "^8",
|
||||
"eslint": "^9.0.0",
|
||||
"eslint-config-next": "14.2.8",
|
||||
"postcss": "^8",
|
||||
"tailwindcss": "^3.4.1",
|
||||
|
||||
@ -43,15 +43,15 @@ const RootLayout = ({
|
||||
children: ReactNode;
|
||||
}>): ReactElement => (
|
||||
<html lang="en">
|
||||
<body
|
||||
className="scroll-smooth antialiased"
|
||||
style={{
|
||||
background: "var(--background-gradient)",
|
||||
}}
|
||||
>
|
||||
<ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
|
||||
<ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
|
||||
<body
|
||||
className="scroll-smooth antialiased"
|
||||
style={{
|
||||
background: "var(--background-gradient)",
|
||||
}}
|
||||
>
|
||||
<TooltipProvider delayDuration={100}>
|
||||
<div className="px-7 max-w-[90rem] mx-auto min-h-screen flex flex-col">
|
||||
<div className="px-3 sm:px-7 max-w-screen-2xl min-h-screen mx-auto flex flex-col transition-all">
|
||||
<Navbar />
|
||||
<div className="pt-[4.5rem] w-full h-full flex flex-grow gap-5">
|
||||
<div className="relative hidden xs:flex">
|
||||
@ -62,8 +62,8 @@ const RootLayout = ({
|
||||
</div>
|
||||
<Footer />
|
||||
</TooltipProvider>
|
||||
</ThemeProvider>
|
||||
</body>
|
||||
</body>
|
||||
</ThemeProvider>
|
||||
</html>
|
||||
);
|
||||
export default RootLayout;
|
||||
|
||||
@ -48,7 +48,7 @@ const links = {
|
||||
};
|
||||
|
||||
const Footer = (): ReactElement => (
|
||||
<footer className="mt-3 relative h-[19.5rem] md:h-[17rem] flex justify-center border-t border-zinc-700/75 overflow-hidden select-none">
|
||||
<footer className="relative mt-3 h-[19.5rem] md:h-[17rem] flex justify-center border-t border-zinc-700/75 overflow-hidden select-none">
|
||||
<div className="w-full md:max-w-[65rem]">
|
||||
<div className="px-5 py-5 md:py-10 w-full flex flex-col md:flex-row items-center justify-around md:items-start gap-7">
|
||||
{/* Top */}
|
||||
|
||||
@ -9,7 +9,7 @@ const Navbar = (): ReactElement => {
|
||||
const pages: DocsContentMetadata[] = getDocsContent();
|
||||
return (
|
||||
<nav className="fixed left-0 inset-x-0 bg-white/[0.007] backdrop-saturate-100 backdrop-blur-xl border-b z-50">
|
||||
<div className="px-7 max-w-[90rem] mx-auto py-4 flex justify-between items-center">
|
||||
<div className="px-3 sm:px-7 max-w-screen-2xl mx-auto py-4 flex justify-between items-center transition-all transform-gpu">
|
||||
{/* Branding */}
|
||||
<Link
|
||||
className="flex gap-1 items-end hover:opacity-75 transition-all transform-gpu select-none"
|
||||
|
||||
@ -83,7 +83,7 @@ const OnThisPage = ({ page }: { page: DocsContentMetadata }): ReactElement => {
|
||||
return (
|
||||
<motion.div
|
||||
ref={ref}
|
||||
className="sticky top-[5.5rem] w-44 max-h-[calc(100vh-3.5rem)] flex flex-col gap-2 text-sm select-none"
|
||||
className="sticky top-[7rem] w-44 max-h-[calc(100vh-3.5rem)] flex flex-col gap-2 text-sm select-none"
|
||||
initial={{ opacity: 0 }}
|
||||
animate={{ opacity: inView ? 1 : 0 }}
|
||||
transition={{ duration: 0.2 }}
|
||||
|
||||
@ -15,14 +15,14 @@ const Sidebar = (): ReactElement => (
|
||||
<SheetTrigger className="flex items-center">
|
||||
<Bars3BottomRightIcon className="w-6 h-6" />
|
||||
</SheetTrigger>
|
||||
<SheetContent className="h-full px-11 pt-10" side="top">
|
||||
<SheetContent className="h-full px-5 pt-11" side="right">
|
||||
<SidebarContent />
|
||||
</SheetContent>
|
||||
</Sheet>
|
||||
</div>
|
||||
|
||||
{/* Desktop */}
|
||||
<div className="hidden xs:flex sticky top-[4.3rem] max-h-[calc(100vh-3.5rem)] overflow-y-auto min-w-32 w-40 lg:w-52 py-5 flex-col justify-between transition-all transform-gpu">
|
||||
<div className="hidden xs:flex sticky top-[4.5rem] max-h-[calc(100vh-3.5rem)] overflow-y-auto min-w-32 w-40 lg:w-52 py-5 flex-col justify-between transition-all transform-gpu">
|
||||
<SidebarContent />
|
||||
</div>
|
||||
</>
|
||||
|
||||
@ -70,7 +70,8 @@ export function GridPattern({
|
||||
if (dimensions.width && dimensions.height) {
|
||||
setSquares(generateSquares(numSquares));
|
||||
}
|
||||
}, [dimensions, numSquares, generateSquares]);
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [dimensions, numSquares]);
|
||||
|
||||
// Resize observer to update container dimensions
|
||||
useEffect(() => {
|
||||
|
||||
Reference in New Issue
Block a user