tangled
alpha
login
or
join now
leaflet.pub
/
leaflet
288
fork
atom
a tool for shared writing and social publishing
288
fork
atom
overview
issues
27
pulls
pipelines
h screen extermination
cozylittle.house
8 months ago
f3f37c73
ac146626
+7
-8
7 changed files
expand all
collapse all
unified
split
app
[leaflet_id]
page.tsx
publish
PublishPost.tsx
legal
content.tsx
lish
[did]
[publication]
dashboard
page.tsx
subscribeSuccess
page.tsx
createPub
page.tsx
not-found
page.tsx
+1
-1
app/[leaflet_id]/page.tsx
···
29
29
let rootEntity = res.data?.root_entity;
30
30
if (!rootEntity || !res.data || res.data.blocked_by_admin)
31
31
return (
32
32
-
<div className="w-screen h-screen flex place-items-center bg-bg-leaflet">
32
32
+
<div className="w-screen h-full flex place-items-center bg-bg-leaflet">
33
33
<div className="bg-bg-page mx-auto p-4 border border-border rounded-md flex flex-col text-center justify-center gap-1 w-fit">
34
34
<div className="font-bold">
35
35
Hmmm…we couldn't find that Leaflet.
+1
-1
app/[leaflet_id]/publish/PublishPost.tsx
···
27
27
{ state: "default" } | { state: "success"; post_url: string }
28
28
>({ state: "default" });
29
29
return (
30
30
-
<div className="publishPage w-screen h-screen bg-[#FDFCFA] flex place-items-center justify-center">
30
30
+
<div className="publishPage w-screen h-full bg-[#FDFCFA] flex place-items-center justify-center">
31
31
{publishState.state === "default" ? (
32
32
<PublishPostForm setPublishState={setPublishState} {...props} />
33
33
) : (
+1
-1
app/legal/content.tsx
···
8
8
export const LegalContent = () => {
9
9
let [state, setState] = useState<"terms" | "privacy">("terms");
10
10
return (
11
11
-
<div className="flex flex-col h-screen mx-auto sm:px-4 px-3 sm:py-6 py-4 max-w-prose">
11
11
+
<div className="flex flex-col h-full mx-auto sm:px-4 px-3 sm:py-6 py-4 max-w-prose">
12
12
<h1 className="pb-4 ">The Legal Stuff</h1>
13
13
<div className="flex flex-row gap-2 z-10">
14
14
<button
+1
-2
app/lish/[did]/[publication]/dashboard/page.tsx
···
72
72
publication_data={publication}
73
73
>
74
74
<ThemeProvider entityID={null}>
75
75
-
76
76
-
<div className="w-screen h-screen flex place-items-center bg-[#FDFCFA]">
75
75
+
<div className="w-screen h-full flex place-items-center bg-[#FDFCFA]">
77
76
<div className="relative w-max h-full flex sm:flex-row flex-col sm:items-stretch pwa-padding">
78
77
<div
79
78
className="spacer flex justify-end items-start"
+1
-1
app/lish/[did]/[publication]/subscribeSuccess/page.tsx
···
3
3
4
4
export default function SubscribeSuccess() {
5
5
return (
6
6
-
<div className="h-screen w-screen bg-[#FDFCFA] flex place-items-center text-center ">
6
6
+
<div className="h-full w-screen bg-[#FDFCFA] flex place-items-center text-center ">
7
7
<div className="container p-4 max-w-md mx-auto justify-center place-items-center flex flex-col gap-2">
8
8
<h3 className="text-secondary">You've Subscribed!</h3>
9
9
<div className="text-tertiary">
+1
-1
app/lish/createPub/page.tsx
···
5
5
return (
6
6
// Eventually this can pull from home theme?
7
7
<ThemeProvider entityID={null}>
8
8
-
<div className="createPubPage relative w-full h-screen flex items-stretch bg-bg-leaflet p-4">
8
8
+
<div className="createPubPage relative w-full h-full flex items-stretch bg-bg-leaflet p-4">
9
9
<div className="createPubContent h-full flex items-center max-w-sm w-full mx-auto ">
10
10
<div className="createPubFormWrapper h-fit w-full flex flex-col gap-4">
11
11
<h2 className="text-center">Create Your Publication!</h2>
+1
-1
app/not-found/page.tsx
···
1
1
export default function NotFound() {
2
2
return (
3
3
-
<div className="w-screen h-screen flex place-items-center bg-bg-leaflet">
3
3
+
<div className="w-screen h-full flex place-items-center bg-bg-leaflet">
4
4
<div className="bg-bg-page mx-auto p-4 border border-border rounded-md flex flex-col text-center justify-centergap-1 w-fit">
5
5
<div className="font-bold">
6
6
Hmmm... Couldn't find that Leaflet.