Change active drop down button color

nekiro · Dec 6, 2024 · f3ade03 · f3ade03
1 parent ae37911
commit f3ade03
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/DropdownButton.tsx b/src/components/DropdownButton.tsx
@@ -22,7 +22,7 @@ const DropdownButton = ({ hasMenu = false, text, href, list }: DropdownButtonPro
 			<Menu isOpen={isOpen} onOpen={onOpen} onClose={onClose}>
 				<MenuButton
 					color={isActive ? "black" : "white"}
-					bg={isActive ? "#c3a6d9" : ""}
+					bg={isActive ? "violet.300" : ""}
 					as={Button}
 					h="100%"
 					borderRadius={0}
@@ -58,7 +58,7 @@ const DropdownButton = ({ hasMenu = false, text, href, list }: DropdownButtonPro
 			<Button
 				h="100%"
 				color={isActive ? "black" : "white"}
-				bg={isActive ? "#c3a6d9" : ""}
+				bg={isActive ? "violet.300" : ""}
 				borderRadius={0}
 				fontWeight="normal"
 				_hover={{ bgColor: "rgba(255, 255, 255, 0.3)" }}

diff --git a/src/layout/TopBar/index.tsx b/src/layout/TopBar/index.tsx
@@ -56,7 +56,7 @@ export const TopBar = () => {
 			<HStack>
 				<Link href="/" style={{ height: "100%", textDecoration: "none" }}>
 					<TopBarItem paddingLeft={0} userSelect="none" pointerEvents="none">
-						<Image height="70%" src="/images/header.png" alt="shibaac" />
+						<Image height="35px" boxSize="35px" src="/images/header.png" alt="shibaac" />
 						<Text fontSize="lg" color="white" ml="10px">
 							Shibaac
 						</Text>