leaflet.pub
a tool for shared writing and social publishing
full width buttons for the manage sub options actually
cozylittle.house
+16
-19
app/lish/Subscribe.tsx
+16
-19
app/lish/Subscribe.tsx
···
256
<h4>Update Options</h4>
257
258
{!hasFeed && (
259
-
<>
260
-
<div className="flex gap-4 items-center justify-between text-secondary w-full border border-border-light pl-1 pr-0.5 py-0.5 rounded-md">
261
-
Bluesky Custom Feed
262
-
<a
263
-
href="https://bsky.app/profile/leaflet.pub/feed/subscribedPublications"
264
-
target="_blank"
265
-
className=" place-self-center"
266
-
>
267
-
<ButtonPrimary compact>View</ButtonPrimary>
268
-
</a>
269
-
</div>
270
-
</>
271
)}
272
-
<div className="flex gap-2 justify-between text-secondary w-full border border-border-light px-1 py-0.5 rounded-md">
273
-
RSS
274
-
<a href={`${props.base_url}/rss`} className="flex" target="_blank">
275
-
<span className="sr-only">Subscribe to RSS</span>
276
-
<ButtonPrimary compact>Get RSS</ButtonPrimary>
277
-
</a>
278
-
</div>
279
280
<hr className="border-border-light my-1" />
281
···
256
<h4>Update Options</h4>
257
258
{!hasFeed && (
259
+
<a
260
+
href="https://bsky.app/profile/leaflet.pub/feed/subscribedPublications"
261
+
target="_blank"
262
+
className=" place-self-center"
263
+
>
264
+
<ButtonPrimary fullWidth compact className="!px-4">
265
+
View Bluesky Custom Feed
266
+
</ButtonPrimary>
267
+
</a>
268
)}
269
+
270
+
<a href={`${props.base_url}/rss`} className="flex" target="_blank">
271
+
<span className="sr-only">Subscribe to RSS</span>
272
+
<ButtonPrimary fullWidth compact>
273
+
Get RSS
274
+
</ButtonPrimary>
275
+
</a>
276
277
<hr className="border-border-light my-1" />
278