Change active drop down button color

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

Hide file tree

Showing 3 changed files with 5 additions and 5 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>

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -10,7 +10,7 @@ BigInt.prototype.toJSON = function () {
 	return int ?? this.toString();
 };
 
-const MyApp = ({ Component, pageProps }: any) => {
+const App = ({ Component, pageProps }: any) => {
 	return (
 		<ChakraProvider theme={Theme}>
 			<Layout>
@@ -20,4 +20,4 @@ const MyApp = ({ Component, pageProps }: any) => {
 	);
 };
 
-export default trpc.withTRPC(MyApp);
+export default trpc.withTRPC(App);