leaflet.pub
a tool for shared writing and social publishing
awarm.space
1import Link from "next/link";
2import { TemplateListExamples, TemplateListThemes } from "./TemplateList";
3import { ActionButton } from "components/ActionBar/ActionButton";
4import { HomeSmall } from "components/Icons/HomeSmall";
5
6export const metadata = {
7 title: "Leaflet Templates",
8 description: "example themes and documents you can use!",
9};
10
11export default function Templates() {
12 return (
13 <div className="flex h-full bg-bg-leaflet">
14 <div className="home relative max-w-(--breakpoint-lg) w-full h-full mx-auto flex sm:flex-row flex-col-reverse px-4 sm:px-6 ">
15 <div className="homeOptions z-10 shrink-0 sm:static absolute bottom-0 place-self-end sm:place-self-start flex sm:flex-col flex-row-reverse gap-2 sm:w-fit w-full items-center pb-2 pt-1 sm:pt-7">
16 {/* NOT using <HomeButton /> b/c it does a permission check we don't need */}
17 <Link href="/home">
18 <ActionButton icon={<HomeSmall />} label="Go Home" />
19 </Link>
20 </div>
21 <div className="flex flex-col gap-10 py-6 pt-3 sm:pt-6 sm:pb-12 sm:pl-6 grow w-full h-full overflow-y-scroll no-scrollbar">
22 <h1 className="text-center">Template Library</h1>
23 <TemplateListThemes />
24 <TemplateListExamples />
25 </div>
26 </div>
27 </div>
28 );
29}