From ae50db68c7e2c790d76373ba2966701ae12cbdec Mon Sep 17 00:00:00 2001 From: Jacobo Covarrubias Date: Sat, 11 Feb 2023 23:32:38 -0400 Subject: [PATCH] Horizontally unwanted movement corrected Issue #1343 (#1501) The unwanted Horizontally movement was eliminated from the box container of the elements --- website/src/components/SideMenuLayout.tsx | 2 +- website/src/pages/404.tsx | 7 +++---- 2 files changed, 4 insertions(+), 5 deletions(-) diff --git a/website/src/components/SideMenuLayout.tsx b/website/src/components/SideMenuLayout.tsx index 2c5a5054..630febe5 100644 --- a/website/src/components/SideMenuLayout.tsx +++ b/website/src/components/SideMenuLayout.tsx @@ -16,7 +16,7 @@ export const SideMenuLayout = (props: SideMenuLayoutProps) => { - {props.children} + {props.children} ); diff --git a/website/src/pages/404.tsx b/website/src/pages/404.tsx index cd43916d..412e1081 100644 --- a/website/src/pages/404.tsx +++ b/website/src/pages/404.tsx @@ -1,4 +1,4 @@ -import { Box, Button, Center, Link, Text, useColorMode } from "@chakra-ui/react"; +import { Box, Button, Center, Link, Text, theme, useColorModeValue } from "@chakra-ui/react"; import { AlertTriangle } from "lucide-react"; import Head from "next/head"; import { EmptyState } from "src/components/EmptyState"; @@ -6,8 +6,7 @@ import { getTransparentHeaderLayout } from "src/components/Layout"; export { getDefaultStaticProps as getStaticProps } from "src/lib/default_static_props"; function Error() { - const { colorMode } = useColorMode(); - const titleColor = colorMode === "light" ? "blue.500" : "blue.300"; + const iconColor = useColorModeValue(theme.colors.blue[500], theme.colors.blue[300]); return ( <> @@ -20,7 +19,7 @@ function Error() { If you were trying to contribute data but ended up here, please file a bug.