app avatar dropdown style

vektorprogrammet · May 14, 2024 · c7cc2da · c7cc2da
1 parent 372ba5f
commit c7cc2da
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/components/Header/AppHeader.tsx b/src/components/Header/AppHeader.tsx
@@ -9,17 +9,16 @@ import UserAvatar from "./UserAvatar";
 
 const activeStyle: React.CSSProperties = {
   fontWeight: "bold",
-  color: "#023874",
 };
 
 const AppHeader = (): JSX.Element => {
   const [menuOpen, setMenuOpen] = useState(false);
   const [loginPopupVisible, setLoginPopupVisible] = useState(false);
   const isLoggedIn = true;
-  const linkElements = routes.filter(route => route.name).map((route) => (
+  const linkElements = routes.map((route) => (
     <NavLink
       key={route.path}
-      className="md:text-gray-600 md:hover:text-gray-900 md:dark:text-white p-1 font-semibold text-nowrap"
+      className="md:text-gray-600 md:hover:text-blue-400 md:dark:text-white p-1 font-semibold text-nowrap"
       to={route.path ?? ""}
       style={({ isActive }) => (isActive ? activeStyle : {})}
     >
@@ -28,7 +27,7 @@ const AppHeader = (): JSX.Element => {
   ));
 
   return (
-    <nav className="md:sticky top-0  z-50 bg-[rgba(226,244,250,0.85)] backdrop-blur-sm">
+    <nav className="md:sticky top-0  z-50 bg-[rgba(226,244,250,0.9)] backdrop-blur-sm">
       <div className="hidden md:flex p-1 justify-between lg:px-8 w-full">
         <div className="w-fit justify-center flex">
           <Link to="/">

diff --git a/src/components/Header/UserAvatar.tsx b/src/components/Header/UserAvatar.tsx
@@ -8,7 +8,7 @@ const UserAvatar = () => {
           <img src="/images/team/IT-Tor.png" alt="profile avatar" />
         </div>
       </div>
-      <ul className="mt-3 p-2 shadow menu menu-compact dropdown-content bg-base-100 rounded-box w-52">
+      <ul className="mt-3 p-2 shadow menu menu-compact dropdown-content bg-[#EDF8FC] text-[#313131] rounded-box w-52">
         <li>
           <Link reloadDocument to="/kontrollpanel">
             Kontrollpanel