a tool for shared writing and social publishing
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

put more padding around the bullet point to increase the click target

celine 9f7f9674 f1b266cd

+4 -4
+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>