diff --git a/chakra-theme.ts b/chakra-theme.ts new file mode 100644 index 0000000..b5dc156 --- /dev/null +++ b/chakra-theme.ts @@ -0,0 +1,31 @@ +import { extendTheme, ThemeOverride } from "@chakra-ui/react"; + +export const chakraTheme: ThemeOverride = extendTheme({ + fonts: { + heading: `'Director-regular', sans-serif`, + body: `'Switzer', sans-serif`, + }, + fontSizes: { + lg: "24px", + }, + lineHeights: { + base: "1", + }, + components: { + Button: { + baseStyle: { + borderRadius: "0", + }, + }, + Input: { + baseStyle: { + field: { + borderRadius: "0", + }, + addon: { + borderRadius: "0", + }, + }, + }, + }, +} as ThemeOverride); diff --git a/components/GenericModal.tsx b/components/GenericModal.tsx new file mode 100644 index 0000000..3d4d249 --- /dev/null +++ b/components/GenericModal.tsx @@ -0,0 +1,28 @@ +import { + ModalBody, + ModalCloseButton, + ModalContent, + ModalHeader, + ModalOverlay, + ModalProps, +} from "@chakra-ui/modal"; +import { Flex, Modal } from "@chakra-ui/react"; + +export const GenericModal = ({ + title, + children, + ...modalProps +}: ModalProps & { title: string }) => { + return ( + + + + {title} + + + {children} + + + + ); +}; diff --git a/components/Layout.tsx b/components/Layout.tsx index ee4d53a..d50e2bc 100644 --- a/components/Layout.tsx +++ b/components/Layout.tsx @@ -3,6 +3,8 @@ import { Box, Flex, Heading, HStack, Text } from "@chakra-ui/react"; import Link from "next/link"; import { ConnectButton } from "@/components/ConnectButton"; +export const headerHeight = "80px"; + export const Layout = ({ children }: PropsWithChildren) => { return ( { >
{children} -