a tool for shared writing and social publishing
hide browser native image input styling in mobile ios
+8
-6
+8
-6
components/Blocks/ImageBlock.tsx
+8
-6
components/Blocks/ImageBlock.tsx
···
40
40
group/image-block
41
41
w-full h-[104px] p-2 hover:cursor-pointer
42
42
text-tertiary hover:text-accent-contrast hover:font-bold
43
-
flex flex-auto gap-2 items-center justify-center
43
+
flex flex-col items-center justify-center
44
44
hover:border-2 border-dashed hover:border-accent-contrast rounded-lg
45
45
${isSelected && !isLocked ? "border-2 border-tertiary font-bold" : "border border-border"}
46
46
${props.pageType === "canvas" && "bg-bg-page"}`}
47
47
onMouseDown={(e) => e.preventDefault()}
48
48
>
49
-
<BlockImageSmall
50
-
className={`shrink-0 group-hover/image-block:text-accent-contrast ${isSelected ? "text-tertiary" : "text-border"}`}
51
-
/>{" "}
52
-
Upload An Image
49
+
<div className="flex gap-2">
50
+
<BlockImageSmall
51
+
className={`shrink-0 group-hover/image-block:text-accent-contrast ${isSelected ? "text-tertiary" : "text-border"}`}
52
+
/>
53
+
Upload An Image
54
+
</div>
53
55
<input
54
56
disabled={isLocked}
55
-
className="h-0 w-0"
57
+
className="h-0 w-0 hidden"
56
58
type="file"
57
59
accept="image/*"
58
60
onChange={async (e) => {