a tool for shared writing and social publishing
wrap post page to set max-w
+59
-54
+59
-54
app/lish/[did]/[publication]/[rkey]/page.tsx
+59
-54
app/lish/[did]/[publication]/[rkey]/page.tsx
···
92
92
}
93
93
return (
94
94
<ThemeProvider entityID={null}>
95
-
<div className="flex flex-col px-3 sm:px-4 py-3 sm:py-9 mx-auto w-full bg-[#FDFCFA] h-full min-h-fit overflow-auto">
96
-
<div className="pubHeader flex flex-col pb-5 mx-auto max-w-prose">
97
-
<Link
98
-
className="font-bold hover:no-underline text-accent-contrast"
99
-
href={getPublicationURL(
100
-
document.documents_in_publications[0].publications,
101
-
)}
102
-
>
103
-
{decodeURIComponent((await props.params).publication)}
104
-
</Link>
105
-
<h2 className="">{record.title}</h2>
106
-
{record.description ? (
107
-
<p className="italic text-secondary">{record.description}</p>
108
-
) : null}
95
+
<div className="flex flex-col px-3 sm:px-4 py-3 sm:py-9 w-full bg-[#FDFCFA] h-full min-h-fit overflow-auto">
96
+
<div className="max-w-prose m-auto">
97
+
<div className="pubHeader flex flex-col pb-5">
98
+
<Link
99
+
className="font-bold hover:no-underline text-accent-contrast"
100
+
href={getPublicationURL(
101
+
document.documents_in_publications[0].publications,
102
+
)}
103
+
>
104
+
{decodeURIComponent((await props.params).publication)}
105
+
</Link>
106
+
<h2 className="">{record.title}</h2>
107
+
{record.description ? (
108
+
<p className="italic text-secondary">{record.description}</p>
109
+
) : null}
109
110
110
-
<div className="text-sm text-tertiary pt-3 flex gap-1">
111
-
{profile ? (
112
-
<>
113
-
<a
114
-
className="text-tertiary"
115
-
href={`https://bsky.app/profile/${profile.handle}`}
116
-
>
117
-
by {profile.displayName || profile.handle}
118
-
</a>
119
-
</>
120
-
) : null}
121
-
{record.publishedAt ? (
122
-
<>
123
-
{" "}
124
-
|
125
-
<p>
126
-
Published{" "}
127
-
{new Date(record.publishedAt).toLocaleDateString(undefined, {
128
-
year: "numeric",
129
-
month: "long",
130
-
day: "2-digit",
131
-
})}
132
-
</p>
133
-
</>
134
-
) : null}
111
+
<div className="text-sm text-tertiary pt-3 flex gap-1">
112
+
{profile ? (
113
+
<>
114
+
<a
115
+
className="text-tertiary"
116
+
href={`https://bsky.app/profile/${profile.handle}`}
117
+
>
118
+
by {profile.displayName || profile.handle}
119
+
</a>
120
+
</>
121
+
) : null}
122
+
{record.publishedAt ? (
123
+
<>
124
+
{" "}
125
+
|
126
+
<p>
127
+
Published{" "}
128
+
{new Date(record.publishedAt).toLocaleDateString(
129
+
undefined,
130
+
{
131
+
year: "numeric",
132
+
month: "long",
133
+
day: "2-digit",
134
+
},
135
+
)}
136
+
</p>
137
+
</>
138
+
) : null}
139
+
</div>
135
140
</div>
136
-
</div>
137
-
<div className="postContent flex flex-col max-w-prose mx-auto">
138
-
{blocks.map((b, index) => {
139
-
return <Block block={b} did={did} key={index} />;
140
-
})}
141
+
<div className="postContent flex flex-col">
142
+
{blocks.map((b, index) => {
143
+
return <Block block={b} did={did} key={index} />;
144
+
})}
145
+
</div>
146
+
<hr className="border-border-light mb-4 mt-2" />
147
+
<SubscribeWithBluesky
148
+
isPost
149
+
pub_uri={document.documents_in_publications[0].publications.uri}
150
+
subscribers={
151
+
document.documents_in_publications[0].publications
152
+
.publication_subscriptions
153
+
}
154
+
pubName={decodeURIComponent((await props.params).publication)}
155
+
/>
141
156
</div>
142
-
<hr className="border-border-light mb-4 mt-2" />
143
-
<SubscribeWithBluesky
144
-
isPost
145
-
pub_uri={document.documents_in_publications[0].publications.uri}
146
-
subscribers={
147
-
document.documents_in_publications[0].publications
148
-
.publication_subscriptions
149
-
}
150
-
pubName={decodeURIComponent((await props.params).publication)}
151
-
/>
152
157
</div>
153
158
</ThemeProvider>
154
159
);