a tool for shared writing and social publishing
put more padding around the bullet point to increase the click target
+4
-4
+4
-4
components/Blocks/Block.tsx
+4
-4
components/Blocks/Block.tsx
···
115
115
) => {
116
116
// BaseBlock renders the actual block content
117
117
return (
118
-
<div className="grow flex gap-2">
118
+
<div className="grow flex">
119
119
{props.listData && <ListMarker {...props} />}
120
120
{props.areYouSure ? (
121
121
<AreYouSure
···
202
202
let { rep } = useReplicache();
203
203
return (
204
204
<div
205
-
className={`shrink-0 flex gap-[8px] justify-end items-center h-3 z-[1]
205
+
className={`shrink-0 flex justify-end items-center h-3 z-[1]
206
206
${props.className}
207
207
${
208
208
props.type === "heading"
···
225
225
if (children.length > 0)
226
226
useUIState.getState().toggleFold(props.value);
227
227
}}
228
-
className={`listMarker group/list-marker ${children.length > 0 ? "cursor-pointer" : "cursor-default"}`}
228
+
className={`listMarker group/list-marker p-2 ${children.length > 0 ? "cursor-pointer" : "cursor-default"}`}
229
229
>
230
230
<div
231
231
className={`h-[5px] w-[5px] rounded-full bg-secondary shrink-0 right-0 outline outline-1 outline-offset-1
···
246
246
data: { type: "boolean", value: !checklist.data.value },
247
247
});
248
248
}}
249
-
className={`${checklist?.data.value ? "text-accent-contrast" : "text-border"} ${permissions.write ? "cursor-default" : ""}`}
249
+
className={`pr-2 ${checklist?.data.value ? "text-accent-contrast" : "text-border"} ${permissions.write ? "cursor-default" : ""}`}
250
250
>
251
251
{checklist?.data.value ? <CheckboxChecked /> : <CheckboxEmpty />}
252
252
</button>