style changes

some small style changes like cursor types on hover and some color changes.
2025-07-22 09:26:40 -07:00
parent 118792ec7c
commit 999206b013
5 changed files with 39 additions and 35 deletions
@@ -1,30 +1,31 @@
 import { Avatar, Menu, Portal, Box } from "@chakra-ui/react"

- 
+
 export default function UserAvatarMenu({ name, avatar }) {
-    return (
-        <Menu.Root>
-            <Menu.Trigger focusRing="none">
-                <Box
-                    rounded="full" 
-                    tabIndex={0}
-                    _hover={{ boxShadow: "0 0 0 2px rgb(102, 122, 182)" }}
-                >
-                    <Avatar.Root shape="full">
-                        <Avatar.Fallback name={name} />
-                        <Avatar.Image src={avatar} />
-                    </Avatar.Root>
-                </Box>
-            </Menu.Trigger>
-            <Portal>
-            <Menu.Positioner zIndex="popover">
-              <Menu.Content>
-                <Menu.Item value="account">Account</Menu.Item>
-                <Menu.Item value="settings">Settings</Menu.Item>
-                <Menu.Item value="logout">Logout</Menu.Item>
-              </Menu.Content>
-            </Menu.Positioner>
-          </Portal>
-        </Menu.Root>
-    );
+	return (
+		<Menu.Root>
+			<Menu.Trigger focusRing="none">
+				<Box
+						rounded="full" 
+						tabIndex={0}
+						_hover={{ boxShadow: "0 0 0 2px rgb(102, 122, 182)" }}
+						cursor="pointer"
+				>
+					<Avatar.Root shape="full">
+						<Avatar.Fallback name={name} />
+						<Avatar.Image src={avatar} />
+					</Avatar.Root>
+				</Box>
+			</Menu.Trigger>
+			<Portal>
+				<Menu.Positioner zIndex="popover">
+					<Menu.Content>
+						<Menu.Item value="account">Account</Menu.Item>
+						<Menu.Item value="settings">Settings</Menu.Item>
+						<Menu.Item value="logout">Logout</Menu.Item>
+					</Menu.Content>
+				</Menu.Positioner>
+			</Portal>
+		</Menu.Root>
+		);
 }