a tool for shared writing and social publishing
added a collision boundry to the share dropdown on mobile, also fixed a weird bug in the theme modal that caused the bg-image toggles to both fire thier onchange handlers when an options was clicked
+8
-6
+7
-5
components/ThemeManager/ThemeSetter.tsx
+7
-5
components/ThemeManager/ThemeSetter.tsx
···
549
549
className="appearance-none"
550
550
type="radio"
551
551
id="cover"
552
-
name="cover"
552
+
name="bg-image-options"
553
553
value="cover"
554
554
checked={!repeat}
555
555
onChange={async (e) => {
556
+
console.log("coverOnchange");
556
557
if (!e.currentTarget.checked) return;
557
558
if (!repeat) return;
558
-
await rep?.mutate.retractFact({ factID: repeat.id });
559
+
if (repeat) await rep?.mutate.retractFact({ factID: repeat.id });
559
560
}}
560
561
/>
561
562
<div
562
-
className={`border border-accent rounded-md px-1 py-0.5 cursor-pointer ${!repeat ? "bg-accent text-accentText" : "bg-transparent text-accent"}`}
563
+
className={`shink-0 grow-0 w-fit border border-accent rounded-md px-1 py-0.5 cursor-pointer ${!repeat ? "bg-accent text-accentText" : "bg-transparent text-accent"}`}
563
564
>
564
565
cover
565
566
</div>
···
569
570
className={`appearance-none `}
570
571
type="radio"
571
572
id="repeat"
572
-
name="repeat"
573
+
name="bg-image-options"
573
574
value="repeat"
574
575
checked={!!repeat}
575
576
onChange={async (e) => {
577
+
console.log("repeatOnchange");
576
578
if (!e.currentTarget.checked) return;
577
579
if (repeat) return;
578
580
await rep?.mutate.assertFact({
···
583
585
}}
584
586
/>
585
587
<div
586
-
className={`z-10 border border-accent rounded-md px-1 py-0.5 cursor-pointer ${repeat ? "bg-accent text-accentText" : "bg-transparent text-accent"}`}
588
+
className={`shink-0 grow-0 w-fit z-10 border border-accent rounded-md px-1 py-0.5 cursor-pointer ${repeat ? "bg-accent text-accentText" : "bg-transparent text-accent"}`}
587
589
>
588
590
repeat
589
591
</div>