mirrors/spliit
1
0
Fork 0
mirror of https://github.com/spliit-app/spliit.git synced 2026-03-01 02:46:12 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix donation modal with dark mode (Closes #46)

Browse Source
This commit is contained in:
Sebastien Castiel
2024-01-15 09:19:53 -05:00
parent 43f7ca700b
commit 8abdcb7d6f
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/donation-button.tsx
View File

@@ -39,7 +39,7 @@ function DonationDrawer({ donationUrl }: Props) {
return ( return (
<Drawer open={open} onOpenChange={setOpen}> <Drawer open={open} onOpenChange={setOpen}>
<DrawerTrigger asChild> <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 <Heart className="w-4 h-4 mr-2" /> Support us
</Button> </Button>
</DrawerTrigger> </DrawerTrigger>
@@ -64,7 +64,7 @@ function DonationDialog({ donationUrl }: Props) {
return ( return (
<Dialog open={open} onOpenChange={setOpen}> <Dialog open={open} onOpenChange={setOpen}>
<DialogTrigger asChild> <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 <Heart className="w-4 h-4 mr-2" /> Support us
</Button> </Button>
</DialogTrigger> </DialogTrigger>
@@ -84,7 +84,7 @@ function DonationDialog({ donationUrl }: Props) {
function DonationForm({ donationUrl }: Props) { function DonationForm({ donationUrl }: Props) {
return ( return (
<> <>
<div className="prose prose-sm"> <div className="prose prose-sm dark:prose-invert">
<p> <p>
Spliit is offered for free, but costs money and energy. If you like 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 the app, you can choose to support it by buying me (Sebastien) a
@@ -112,7 +112,7 @@ function DonationForm({ donationUrl }: Props) {
</p> </p>
</div> </div>
<div className="mt-4 text-center"> <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"> <a href={donationUrl} target="_blank">
<Heart className="w-4 h-4 mr-2" /> Support us <Heart className="w-4 h-4 mr-2" /> Support us
</a> </a>