a tool for shared writing and social publishing
more little tweaks to the template page
+5
-5
+3
-3
app/templates/TemplateList.tsx
+3
-3
app/templates/TemplateList.tsx
···
37
37
</div>
38
38
)}
39
39
</div>
40
-
<div className="flex gap-2 justify-center items-end bottom-4">
40
+
<div className="flex sm:flex-row flex-col gap-2 justify-center items-center bottom-4">
41
41
<Link
42
42
href={`https://leaflet.pub/` + props.templateID}
43
43
target="_blank"
···
74
74
return (
75
75
<div className="templateLeafletGrid flex flex-col gap-6">
76
76
<div className="flex flex-col gap-0 text-center">
77
-
<h3 className="">{props.name}</h3>
77
+
<h3 className="text-[24px]">{props.name}</h3>
78
78
<p className="text-secondary">{props.description}</p>
79
79
</div>
80
-
<div className="grid auto-rows-max md:grid-cols-4 sm:grid-cols-3 grid-cols-2 gap-y-8 gap-x-4 sm:gap-6 grow pb-8">
80
+
<div className="grid auto-rows-max md:grid-cols-4 sm:grid-cols-3 grid-cols-2 gap-y-8 gap-x-6 sm:gap-6 grow pb-8">
81
81
{props.children}
82
82
</div>
83
83
</div>
+2
-2
app/templates/page.tsx
+2
-2
app/templates/page.tsx
···
11
11
export default function Templates() {
12
12
return (
13
13
<div className="flex h-full bg-bg-leaflet">
14
-
<div className="home relative max-w-screen-lg w-full h-full mx-auto flex sm:flex-row flex-col-reverse px-2 sm:px-6 ">
14
+
<div className="home relative max-w-screen-lg w-full h-full mx-auto flex sm:flex-row flex-col-reverse px-4 sm:px-6 ">
15
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
16
{/* NOT using <HomeButton /> b/c it does a permission check we don't need */}
17
17
<Link href="/home">
···
24
24
/>
25
25
</Link>
26
26
</div>
27
-
<div className="flex flex-col gap-4 py-6 pt-3 sm:pt-6 sm:pb-12 sm:pl-6 grow w-full h-full overflow-y-scroll no-scrollbar">
27
+
<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">
28
28
<h1 className="text-center">Template Library</h1>
29
29
<TemplateListThemes />
30
30
<TemplateListExamples />