mirror of
https://github.com/zenlm/zen-blog.git
synced 2026-10-30 15:05:49 +00:00
zeekay
7af02e40e8
- Replace Hugo static site generator with Next.js 15 + fumadocs-mdx - Convert 71 blog posts from Hugo format to MDX/MD - Convert Hugo shortcodes (figure, button, video, example, fullwidth) to MDX components (Figure, LinkButton, Video, Fullwidth) - Add remark-math + rehype-katex for LaTeX math rendering - Copy JSON case files to public/cases/ for reference - Update branding for Zen LM (site-nav, footer, metadata) - Static export for Cloudflare Pages deployment - Chinese (.zh.md) translations deferred for future migration
27 lines
812 B
TypeScript
27 lines
812 B
TypeScript
"use client";
|
|
|
|
import React from "react";
|
|
import { List } from "lucide-react";
|
|
import { Drawer, DrawerTrigger, DrawerContent, DrawerHeader, DrawerBody } from "@/components/ui/drawer";
|
|
import { TableOfContents } from "@/components/table-of-contents";
|
|
|
|
export function MobileTableOfContents() {
|
|
return (
|
|
<Drawer>
|
|
<DrawerTrigger className="lg:hidden fixed bottom-6 right-6 z-50 bg-primary text-primary-foreground p-3 rounded-full shadow-lg hover:bg-primary/90 transition-colors">
|
|
<List size={20} />
|
|
</DrawerTrigger>
|
|
|
|
<DrawerContent className="lg:hidden">
|
|
<DrawerHeader>
|
|
<h3 className="font-semibold">Table of Contents</h3>
|
|
</DrawerHeader>
|
|
|
|
<DrawerBody>
|
|
<TableOfContents />
|
|
</DrawerBody>
|
|
</DrawerContent>
|
|
</Drawer>
|
|
);
|
|
}
|