diff options
| author | Sebastien Castiel <sebastien@castiel.me> | 2024-01-15 09:19:53 -0500 |
|---|---|---|
| committer | Sebastien Castiel <sebastien@castiel.me> | 2024-01-15 09:19:53 -0500 |
| commit | 8abdcb7d6f961bec867ab7e5b8ad3735ce9f9d34 (patch) | |
| tree | 14c03dd95d7ab717fd8bdba0de4bd53e13d0f9c7 /src/components/donation-button.tsx | |
| parent | 43f7ca700b3fe44819b37a435ece97ab92df683d (diff) | |
Fix donation modal with dark mode (Closes #46)
Diffstat (limited to 'src/components/donation-button.tsx')
| -rw-r--r-- | src/components/donation-button.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/src/components/donation-button.tsx b/src/components/donation-button.tsx index 34fcfb1..5518ce8 100644 --- a/src/components/donation-button.tsx +++ b/src/components/donation-button.tsx @@ -39,7 +39,7 @@ function DonationDrawer({ donationUrl }: Props) { return ( <Drawer open={open} onOpenChange={setOpen}> <DrawerTrigger asChild> - <Button className="bg-pink-700 hover:bg-pink-600"> + <Button className="bg-pink-700 hover:bg-pink-600 dark:bg-pink-500 dark:hover:bg-pink-600"> <Heart className="w-4 h-4 mr-2" /> Support us </Button> </DrawerTrigger> @@ -64,7 +64,7 @@ function DonationDialog({ donationUrl }: Props) { return ( <Dialog open={open} onOpenChange={setOpen}> <DialogTrigger asChild> - <Button className="bg-pink-700 hover:bg-pink-600"> + <Button className="bg-pink-700 hover:bg-pink-600 dark:bg-pink-500 dark:hover:bg-pink-600"> <Heart className="w-4 h-4 mr-2" /> Support us </Button> </DialogTrigger> @@ -84,7 +84,7 @@ function DonationDialog({ donationUrl }: Props) { function DonationForm({ donationUrl }: Props) { return ( <> - <div className="prose prose-sm"> + <div className="prose prose-sm dark:prose-invert"> <p> Spliit is offered for free, but costs money and energy. If you like the app, you can choose to support it by buying me (Sebastien) a @@ -112,7 +112,7 @@ function DonationForm({ donationUrl }: Props) { </p> </div> <div className="mt-4 text-center"> - <Button asChild className="bg-pink-700 hover:bg-pink-600"> + <Button asChild className="bg-pink-700 hover:bg-pink-600 dark:bg-pink-500 dark:hover:bg-pink-600"> <a href={donationUrl} target="_blank"> <Heart className="w-4 h-4 mr-2" /> Support us </a> |