Horizontally unwanted movement corrected Issue #1343 (#1501)

The unwanted Horizontally movement was eliminated from the box container of the elements
This commit is contained in:
Jacobo Covarrubias
2023-02-11 23:32:38 -04:00
committed by GitHub
parent b28df89c0e
commit ae50db68c7
2 changed files with 4 additions and 5 deletions
+1 -1
View File
@@ -16,7 +16,7 @@ export const SideMenuLayout = (props: SideMenuLayoutProps) => {
<Box p={["3", "3", "3", "6"]} pr={["3", "3", "3", "0"]}>
<SideMenu buttonOptions={props.menuButtonOptions} />
</Box>
<Box className="overflow-y-auto p-3 lg:p-6 lg:pl-1 w-full">{props.children}</Box>
<Box className="p-3 lg:p-6 lg:pl-1 w-full">{props.children}</Box>
</Box>
</Box>
);
+3 -4
View File
@@ -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 (
<>
<Head>
@@ -20,7 +19,7 @@ function Error() {
<Text fontSize="sm">If you were trying to contribute data but ended up here, please file a bug.</Text>
<Button
width="fit-content"
leftIcon={<AlertTriangle size={"1em"} color={titleColor} aria-hidden="true" />}
leftIcon={<AlertTriangle size={"1em"} color={iconColor} aria-hidden="false" />}
variant="solid"
size="xs"
>