diff --git a/packages/ui/src/button/index.tsx b/packages/ui/src/button/index.tsx index e7a3cb6d5..683a266d0 100644 --- a/packages/ui/src/button/index.tsx +++ b/packages/ui/src/button/index.tsx @@ -5,7 +5,7 @@ import { BaseUIProps, ChildrenProp } from "src/_types"; import { Link } from "src/link"; export interface ButtonProps extends BaseUIProps, ChildrenProp { - variant: "v1" | "v2" | "v3"; + variant: "v1" | "v2" | "v3" | "v4"; onClick?: (event: MouseEvent) => void; href?: string; } @@ -16,12 +16,25 @@ const variantToMUIButtonVariant: Record< > = { v2: "text", v3: "contained", + v4: "outlined", }; export const Button: FC = ({ children, variant, margin, ...props }) => { const { toCSSMargin } = useTheme(); switch (variant) { + case "v4": + return ( + + {children} + + ); + case "v1": return ( @@ -32,7 +45,7 @@ export const Button: FC = ({ children, variant, margin, ...props }) default: return ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/web/src/assets/svg/landing-headers.svg b/web/src/assets/svg/landing-headers.svg index 0d6820638..f7e008125 100644 --- a/web/src/assets/svg/landing-headers.svg +++ b/web/src/assets/svg/landing-headers.svg @@ -1,79 +1,161 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web/src/pages/landing/index.tsx b/web/src/pages/landing/index.tsx index e0dc61b78..d31ed366d 100644 --- a/web/src/pages/landing/index.tsx +++ b/web/src/pages/landing/index.tsx @@ -64,7 +64,7 @@ const LandingPage: FC = () => { -