leaflet.pub
a tool for shared writing and social publishing
rename small prop in PubIcon to tiny
cozylittle.house
+4
-3
+3
-2
components/ActionBar/Publications.tsx
+3
-2
components/ActionBar/Publications.tsx
···
204
204
export const PubIcon = (props: {
205
205
record: NormalizedPublication | null;
206
206
uri: string;
207
+
tiny?: boolean;
207
208
small?: boolean;
208
209
large?: boolean;
209
210
className?: string;
210
211
}) => {
211
212
if (!props.record) return null;
212
213
213
-
let iconSizeClassName = `${props.small ? "w-4 h-4" : props.large ? "w-12 h-12" : "w-6 h-6"} rounded-full`;
214
+
let iconSizeClassName = `${props.tiny ? "w-4 h-4" : props.small ? "w-5 h-5" : props.large ? "w-12 h-12" : "w-6 h-6"} rounded-full`;
214
215
215
216
return props.record.icon ? (
216
217
<div
···
227
228
) : (
228
229
<div className={`${iconSizeClassName} bg-accent-1 relative`}>
229
230
<div
230
-
className={`${props.small ? "text-xs" : props.large ? "text-2xl" : "text-sm"} font-bold absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-accent-2`}
231
+
className={`${props.tiny ? "text-xs" : props.large ? "text-2xl" : "text-sm"} font-bold absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-accent-2`}
231
232
>
232
233
{props.record?.name.slice(0, 1).toUpperCase()}
233
234
</div>
+1
-1
components/PostListing.tsx
+1
-1
components/PostListing.tsx
···
128
128
href={props.href}
129
129
className="text-accent-contrast font-bold no-underline text-sm flex gap-1 items-center md:w-fit relative shrink-0"
130
130
>
131
-
<PubIcon small record={props.pubRecord} uri={props.uri} />
131
+
<PubIcon tiny record={props.pubRecord} uri={props.uri} />
132
132
{props.pubRecord.name}
133
133
</Link>
134
134
</div>