Fix rounding

nekiro · Dec 8, 2024 · c0cef62 · c0cef62
1 parent 46e34db
commit c0cef62
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/DropdownButton.tsx b/src/components/DropdownButton.tsx
@@ -39,6 +39,7 @@ const DropdownButton = ({ hasMenu = false, text, href, list }: DropdownButtonPro
 						<Link key={item.text} href={item.url} passHref>
 							<MenuItem
 								borderRadius="sm"
+								rounded="md"
 								_hover={{ bgColor: hoverColor }}
 								_focus={{ bgColor: hoverColor }}
 								backgroundColor={item.isActive ? "violet.50" : ""}

diff --git a/src/layout/index.tsx b/src/layout/index.tsx
@@ -13,7 +13,7 @@ const Layout = ({ children }: PropsWithChildren) => {
 		<>
 			<Head title="News" />
 			{TopBarComponent && <TopBarComponent />}
-			<Flex as="main" w={{ lg: "1050px", base: "100%" }} bgColor={bgColor} mt="2em" marginX={"auto"} padding="1em">
+			<Flex as="main" w={{ lg: "1050px", base: "100%" }} bgColor={bgColor} mt="2em" marginX={"auto"} padding="1em" rounded="md">
 				{children}
 			</Flex>
 			<Text userSelect="none" fontSize="sm" position="fixed" color="white" bottom="5" left="50%" transform="translateX(-50%)">