wkc/wkc-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added fonts to the app.

Browse Source
This commit is contained in:
Lucid Kobold
2024-03-11 18:04:10 -04:00
parent 39abadc1c4
commit 651e39e5a5
9 changed files with 89 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/buttons/Custom.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { Box, Link, Button, BoxProps } from "@chakra-ui/react";
import { Box, Link, Button, BoxProps, Text } from "@chakra-ui/react";
import { motion } from "framer-motion";
interface CustomButtonProps {
@@ -14,7 +14,9 @@ const CustomButton = ({ text, link, type }: CustomButtonProps): JSX.Element => {
return (
<MotionBox whileHover={{ scale: 1.1 }} whileTap={{ scale: 0.9 }}>
<Link href={link} target="_blank" rel="noopener">
<Button variant={type}>{text}</Button>
<Button variant={type}>
<Text>{text}</Text>
</Button>
</Link>
</MotionBox>
);

4
src/components/buttons/KoFi.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { Box, Link, Button, BoxProps } from "@chakra-ui/react";
import { Box, Link, Button, BoxProps, Text } from "@chakra-ui/react";
import { Icon } from "@iconify/react";
import { motion } from "framer-motion";
@@ -14,7 +14,7 @@ const KoFi = (): JSX.Element => {
rel="noopener"
>
<Button variant="kofi" leftIcon={<Icon icon="cib:ko-fi" />}>
{"Fund The App"}
<Text>{"Fund The App"}</Text>
</Button>
</Link>
</MotionBox>