gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-20 15:19:01 +02:00
Code Issues Actions 19 Packages Projects Releases Wiki Activity

feat(website): outline for donation buttons

Browse Source
This commit is contained in:
Elian Doran 2025-09-27 12:46:16 +03:00
parent 7a73af0299
commit 892e84deaa
No known key found for this signature in database
3 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/website/src/components/Button.css
View File

@ -1,10 +1,16 @@
a.button { a.button {
display: block; display: block;
background: var(--brand-1); background-color: var(--brand-1);
padding: 0.5em 1em; padding: 0.5em 1em;
border-radius: 6px; border-radius: 6px;
color: var(--brand-foreground-color); color: var(--brand-foreground-color);
text-decoration: none; text-decoration: none;
text-align: center; text-align: center;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}
a.button.outline {
border: 1px solid var(--brand-1);
color: var(--brand-1);
background-color: transparent;
} }

5
apps/website/src/components/Button.tsx
View File

@ -8,12 +8,13 @@ interface ButtonProps {
text: ComponentChildren; text: ComponentChildren;
openExternally?: boolean; openExternally?: boolean;
className?: string; className?: string;
outline?: boolean;
} }
export default function Button({ href, iconSvg, openExternally, text, className }: ButtonProps) { export default function Button({ href, iconSvg, openExternally, text, className, outline }: ButtonProps) {
return ( return (
<a <a
className={`button ${className}`} className={`button ${className} ${outline ? "outline" : ""}`}
href={href} href={href}
target={openExternally ? "_blank" : undefined} target={openExternally ? "_blank" : undefined}
> >

2
apps/website/src/pages/Donate/Donate.tsx
View File

@ -29,6 +29,7 @@ export default function Donate() {
href="https://paypal.me/eliandoran" href="https://paypal.me/eliandoran"
text="PayPal" text="PayPal"
openExternally openExternally
outline
/> />
</li> </li>
@ -38,6 +39,7 @@ export default function Donate() {
href="https://buymeacoffee.com/eliandoran" href="https://buymeacoffee.com/eliandoran"
text="Buy Me A Coffee" text="Buy Me A Coffee"
openExternally openExternally
outline
/> />
</li> </li>
</ul> </ul>