leaflet.pub
a tool for shared writing and social publishing
added a sneaky bottom padding to lists
cozylittle.house
+2
-11
+2
-11
app/lish/[did]/[publication]/[rkey]/page.tsx
+2
-11
app/lish/[did]/[publication]/[rkey]/page.tsx
···
116
116
let className = `
117
117
postBlockWrapper
118
118
pt-1
119
-
${isList ? "isListItem pb-0" : " pb-2 last:pb-3 last:sm:pb-4 first:pt-2 sm:first:pt-3"}
119
+
${isList ? "isListItem pb-0 " : "pb-2 last:pb-3 last:sm:pb-4 first:pt-2 sm:first:pt-3"}
120
120
${b.alignment === "lex:pub.leaflet.pages.linearDocument#textAlignRight" ? "text-right" : b.alignment === "lex:pub.leaflet.pages.linearDocument#textAlignCenter" ? "text-center" : ""}
121
121
`;
122
122
123
123
switch (true) {
124
124
case PubLeafletBlocksUnorderedList.isMain(b.block): {
125
125
return (
126
-
<ul className="-ml-[1px] sm:ml-[9px]">
126
+
<ul className="-ml-[1px] sm:ml-[9px] pb-2">
127
127
{b.block.children.map((child, index) => (
128
128
<ListItem
129
129
item={child}
···
188
188
did: string;
189
189
className?: string;
190
190
}) {
191
-
// ${
192
-
// props.type === "heading"
193
-
// ? headingLevel === 3
194
-
// ? "pt-[12px]"
195
-
// : headingLevel === 2
196
-
// ? "pt-[15px]"
197
-
// : "pt-[20px]"
198
-
// : "pt-[12px]"
199
-
// }
200
191
return (
201
192
<li className={`!pb-0 flex flex-row gap-2`}>
202
193
<div