a tool for shared writing and social publishing
center text inside of datetime block depending on the alignments
+2
+2
components/Blocks/DateTimeBlock.tsx
+2
components/Blocks/DateTimeBlock.tsx
···
54
54
);
55
55
56
56
let isLocked = !!useEntity(props.entityID, "block/is-locked")?.data.value;
57
+
let alignment = useEntity(props.entityID, "block/text-alignment")?.data.value;
57
58
58
59
const handleTimeChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {
59
60
const time = e.target.value;
···
122
123
<div
123
124
className={`flex flex-row gap-2 group/date w-64 z-[1]
124
125
${isSelected ? "block-border-selected !border-transparent" : "border border-transparent"}
126
+
${alignment === "center" ? "justify-center" : alignment === "right" ? "justify-end" : "justify-start"}
125
127
`}
126
128
>
127
129
<BlockCalendarSmall className="text-tertiary" />