leaflet.pub
a tool for shared writing and social publishing
added a bit of padding under the bottom of posts, deleted unused code
cozylittle.house
+28
-54
+1
-1
app/lish/[did]/[publication]/[rkey]/Interactions/Interactions.tsx
+1
-1
app/lish/[did]/[publication]/[rkey]/Interactions/Interactions.tsx
···
42
42
43
43
return (
44
44
<div
45
-
className={`flex gap-2 text-tertiary ${props.compact ? "text-sm" : ""} ${props.className}`}
45
+
className={`flex gap-2 text-tertiary px-3 sm:px-4 ${props.compact ? "text-sm" : ""} ${props.className}`}
46
46
>
47
47
<button
48
48
className={`flex gap-1 items-center ${!props.compact && "px-1 py-0.5 border border-border-light rounded-lg trasparent-outline selected-outline"}`}
+27
-53
app/lish/[did]/[publication]/[rkey]/PostPages.tsx
+27
-53
app/lish/[did]/[publication]/[rkey]/PostPages.tsx
···
98
98
quotesCount={document.document_mentions_in_bsky.length}
99
99
commentsCount={document.comments_on_documents.length}
100
100
/>
101
-
<hr className="border-border-light mb-4 mt-4" />
102
-
{identity &&
103
-
identity.atp_did ===
104
-
document.documents_in_publications[0]?.publications?.identity_did ? (
105
-
<a
106
-
href={`https://leaflet.pub/${document.leaflets_in_publications[0]?.leaflet}`}
107
-
className="flex gap-2 items-center hover:!no-underline selected-outline px-2 py-0.5 bg-accent-1 text-accent-2 font-bold w-fit rounded-lg !border-accent-1 !outline-accent-1 mx-auto"
108
-
>
109
-
<EditTiny /> Edit Post
110
-
</a>
111
-
) : (
112
-
<SubscribeWithBluesky
113
-
isPost
114
-
base_url={getPublicationURL(
115
-
document.documents_in_publications[0].publications,
116
-
)}
117
-
pub_uri={document.documents_in_publications[0].publications.uri}
118
-
subscribers={
119
-
document.documents_in_publications[0].publications
120
-
.publication_subscriptions
121
-
}
122
-
pubName={name}
123
-
/>
124
-
)}
101
+
<hr className="border-border-light mb-4 mt-4 sm:mx-4 mx-3" />
102
+
<div className="pb-6 sm:px-4 px-3">
103
+
{identity &&
104
+
identity.atp_did ===
105
+
document.documents_in_publications[0]?.publications
106
+
?.identity_did ? (
107
+
<a
108
+
href={`https://leaflet.pub/${document.leaflets_in_publications[0]?.leaflet}`}
109
+
className="flex gap-2 items-center hover:!no-underline selected-outline px-2 py-0.5 bg-accent-1 text-accent-2 font-bold w-fit rounded-lg !border-accent-1 !outline-accent-1 mx-auto"
110
+
>
111
+
<EditTiny /> Edit Post
112
+
</a>
113
+
) : (
114
+
<SubscribeWithBluesky
115
+
isPost
116
+
base_url={getPublicationURL(
117
+
document.documents_in_publications[0].publications,
118
+
)}
119
+
pub_uri={document.documents_in_publications[0].publications.uri}
120
+
subscribers={
121
+
document.documents_in_publications[0].publications
122
+
.publication_subscriptions
123
+
}
124
+
pubName={name}
125
+
/>
126
+
)}
127
+
</div>
125
128
</PageWrapper>
126
129
127
130
{drawerOpen && (
···
192
195
</div>
193
196
);
194
197
};
195
-
196
-
const PostPageWrapper = (props: {
197
-
children: React.ReactNode;
198
-
hasPageBackground: boolean;
199
-
fullPageScroll: boolean;
200
-
}) => {
201
-
return (
202
-
<div
203
-
id="post-page"
204
-
className={`
205
-
postPageWrapper
206
-
relative overflow-y-auto
207
-
w-full sm:mx-0
208
-
shrink-0 snap-center
209
-
${!props.fullPageScroll && "max-w-[var(--page-width-units)]"}
210
-
${
211
-
props.hasPageBackground
212
-
? "h-full bg-[rgba(var(--bg-page),var(--bg-page-alpha))] rounded-lg border border-border pt-2 pb-3"
213
-
: "sm:h-[calc(100%+48px)] h-[calc(100%+28px)] sm:-my-6 sm:py-6 -my-3 py-3 "
214
-
}`}
215
-
>
216
-
<div
217
-
className={`postPageContent sm:max-w-[var(--page-width-units)] mx-auto h-fit w-full ${!props.hasPageBackground ? "px-4 sm:pt-3 pt-2" : "px-3 sm:px-4"}`}
218
-
>
219
-
{props.children}
220
-
</div>
221
-
</div>
222
-
);
223
-
};