a tool for shared writing and social publishing
leaflet.pub
tweak publish page styles
awarm.space
+2
-3
app/[leaflet_id]/publish/PublishPost.tsx
+2
-3
app/[leaflet_id]/publish/PublishPost.tsx
···
103
104
return (
105
<div className="flex flex-col gap-4 w-[640px] max-w-full sm:px-4 px-3">
106
-
<h3>Publish Options</h3>
107
<form
108
onSubmit={(e) => {
109
e.preventDefault();
···
219
if (props.publication_uri && props.record) {
220
return (
221
<div className="flex flex-col gap-1">
222
-
<div className="text-sm text-tertiary">Publishing to…</div>
223
<div className="flex gap-2 items-center p-2 rounded-md bg-[var(--accent-light)]">
224
<PubIcon record={props.record} uri={props.publication_uri} />
225
<div className="font-bold text-secondary">{props.record.name}</div>
···
230
231
return (
232
<div className="flex flex-col gap-1">
233
-
<div className="text-sm text-tertiary">Publishing as…</div>
234
<div className="flex gap-2 items-center p-2 rounded-md bg-[var(--accent-light)]">
235
<LooseLeafSmall className="shrink-0" />
236
<div className="font-bold text-secondary">Looseleaf</div>
···
103
104
return (
105
<div className="flex flex-col gap-4 w-[640px] max-w-full sm:px-4 px-3">
106
<form
107
onSubmit={(e) => {
108
e.preventDefault();
···
218
if (props.publication_uri && props.record) {
219
return (
220
<div className="flex flex-col gap-1">
221
+
<h3>Publishing to</h3>
222
<div className="flex gap-2 items-center p-2 rounded-md bg-[var(--accent-light)]">
223
<PubIcon record={props.record} uri={props.publication_uri} />
224
<div className="font-bold text-secondary">{props.record.name}</div>
···
229
230
return (
231
<div className="flex flex-col gap-1">
232
+
<h3>Publishing as</h3>
233
<div className="flex gap-2 items-center p-2 rounded-md bg-[var(--accent-light)]">
234
<LooseLeafSmall className="shrink-0" />
235
<div className="font-bold text-secondary">Looseleaf</div>