fix: header drop menu now musnt slide under other components
This commit is contained in:
parent
c395f20240
commit
dae590fc58
1 changed files with 2 additions and 2 deletions
|
|
@ -76,13 +76,13 @@ export const Header: React.FC = () => {
|
|||
<div className="relative">
|
||||
<button
|
||||
onClick={() => setDropdownOpen(!dropdownOpen)}
|
||||
className="text-gray-700 hover:text-blue-600 font-medium flex items-center gap-1"
|
||||
className="text-gray-700 hover:text-blue-600 font-medium flex items-center z-[100] gap-1"
|
||||
>
|
||||
{username}
|
||||
<span className="text-[10px]">▼</span>
|
||||
</button>
|
||||
{dropdownOpen && (
|
||||
<div className="absolute right-0 mt-2 w-48 bg-white border rounded shadow-lg z-50 py-1">
|
||||
<div className="absolute right-0 top-full mt-2 w-48 bg-white border border-gray-200 rounded-md shadow-xl z-[100] py-1">
|
||||
<Link
|
||||
to="/profile"
|
||||
className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue