diff --git a/src/components/buttons/IconPatch.tsx b/src/components/buttons/IconPatch.tsx index 3d431d40..89a4a23f 100644 --- a/src/components/buttons/IconPatch.tsx +++ b/src/components/buttons/IconPatch.tsx @@ -7,6 +7,7 @@ export interface IconPatchProps { className?: string; icon: Icons; transparent?: boolean; + downsized?: boolean; } export function IconPatch(props: IconPatchProps) { @@ -19,11 +20,12 @@ export function IconPatch(props: IconPatchProps) { const activeClasses = props.active ? "border-bink-600 bg-bink-100 text-bink-600" : ""; + const sizeClasses = props.downsized ? "h-10 w-10" : "h-12 w-12"; return (
diff --git a/src/components/layout/Navigation.tsx b/src/components/layout/Navigation.tsx index f966333f..8285c15c 100644 --- a/src/components/layout/Navigation.tsx +++ b/src/components/layout/Navigation.tsx @@ -40,35 +40,27 @@ export function Navigation(props: NavigationProps) { >
-
-
- - - -
- {props.children} -
-
+
+ + + - + - + + {props.children}
diff --git a/src/components/layout/ThinContainer.tsx b/src/components/layout/ThinContainer.tsx index e1672f63..f7f90acb 100644 --- a/src/components/layout/ThinContainer.tsx +++ b/src/components/layout/ThinContainer.tsx @@ -8,7 +8,7 @@ interface ThinContainerProps { export function ThinContainer(props: ThinContainerProps) { return (