Compare commits
9 Commits
d777ab2a64
...
118ee87463
Author | SHA1 | Date | |
---|---|---|---|
|
118ee87463 | ||
137dfacfed | |||
138b187378 | |||
195f23f44b | |||
6fd1d7b8a9 | |||
c0f9307236 | |||
2c4e2bd0b1 | |||
942938ad8f | |||
|
2c03bcd54e |
@ -38,7 +38,7 @@
|
|||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@types/luxon": "^3.4.2",
|
"@types/luxon": "^3.4.2",
|
||||||
"@types/node": "^20",
|
"@types/node": "^22.0.0",
|
||||||
"@types/react": "^18",
|
"@types/react": "^18",
|
||||||
"@types/react-dom": "^18",
|
"@types/react-dom": "^18",
|
||||||
"eslint": "^8",
|
"eslint": "^8",
|
||||||
|
@ -43,15 +43,15 @@ const RootLayout = ({
|
|||||||
children: ReactNode;
|
children: ReactNode;
|
||||||
}>): ReactElement => (
|
}>): ReactElement => (
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<body
|
<ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
|
||||||
className="scroll-smooth antialiased"
|
<body
|
||||||
style={{
|
className="scroll-smooth antialiased"
|
||||||
background: "var(--background-gradient)",
|
style={{
|
||||||
}}
|
background: "var(--background-gradient)",
|
||||||
>
|
}}
|
||||||
<ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
|
>
|
||||||
<TooltipProvider delayDuration={100}>
|
<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 />
|
<Navbar />
|
||||||
<div className="pt-[4.5rem] w-full h-full flex flex-grow gap-5">
|
<div className="pt-[4.5rem] w-full h-full flex flex-grow gap-5">
|
||||||
<div className="relative hidden xs:flex">
|
<div className="relative hidden xs:flex">
|
||||||
@ -62,8 +62,8 @@ const RootLayout = ({
|
|||||||
</div>
|
</div>
|
||||||
<Footer />
|
<Footer />
|
||||||
</TooltipProvider>
|
</TooltipProvider>
|
||||||
</ThemeProvider>
|
</body>
|
||||||
</body>
|
</ThemeProvider>
|
||||||
</html>
|
</html>
|
||||||
);
|
);
|
||||||
export default RootLayout;
|
export default RootLayout;
|
||||||
|
@ -48,7 +48,7 @@ const links = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const Footer = (): ReactElement => (
|
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="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">
|
<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 */}
|
{/* Top */}
|
||||||
|
@ -9,7 +9,7 @@ const Navbar = (): ReactElement => {
|
|||||||
const pages: DocsContentMetadata[] = getDocsContent();
|
const pages: DocsContentMetadata[] = getDocsContent();
|
||||||
return (
|
return (
|
||||||
<nav className="fixed left-0 inset-x-0 bg-white/[0.007] backdrop-saturate-100 backdrop-blur-xl border-b z-50">
|
<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 */}
|
{/* Branding */}
|
||||||
<Link
|
<Link
|
||||||
className="flex gap-1 items-end hover:opacity-75 transition-all transform-gpu select-none"
|
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 (
|
return (
|
||||||
<motion.div
|
<motion.div
|
||||||
ref={ref}
|
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 }}
|
initial={{ opacity: 0 }}
|
||||||
animate={{ opacity: inView ? 1 : 0 }}
|
animate={{ opacity: inView ? 1 : 0 }}
|
||||||
transition={{ duration: 0.2 }}
|
transition={{ duration: 0.2 }}
|
||||||
|
@ -15,14 +15,14 @@ const Sidebar = (): ReactElement => (
|
|||||||
<SheetTrigger className="flex items-center">
|
<SheetTrigger className="flex items-center">
|
||||||
<Bars3BottomRightIcon className="w-6 h-6" />
|
<Bars3BottomRightIcon className="w-6 h-6" />
|
||||||
</SheetTrigger>
|
</SheetTrigger>
|
||||||
<SheetContent className="h-full px-11 pt-10" side="top">
|
<SheetContent className="h-full px-5 pt-11" side="right">
|
||||||
<SidebarContent />
|
<SidebarContent />
|
||||||
</SheetContent>
|
</SheetContent>
|
||||||
</Sheet>
|
</Sheet>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Desktop */}
|
{/* 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 />
|
<SidebarContent />
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
|
@ -70,7 +70,8 @@ export function GridPattern({
|
|||||||
if (dimensions.width && dimensions.height) {
|
if (dimensions.width && dimensions.height) {
|
||||||
setSquares(generateSquares(numSquares));
|
setSquares(generateSquares(numSquares));
|
||||||
}
|
}
|
||||||
}, [dimensions, numSquares, generateSquares]);
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||||
|
}, [dimensions, numSquares]);
|
||||||
|
|
||||||
// Resize observer to update container dimensions
|
// Resize observer to update container dimensions
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
Reference in New Issue
Block a user