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">
|
<div className="relative">
|
||||||
<button
|
<button
|
||||||
onClick={() => setDropdownOpen(!dropdownOpen)}
|
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}
|
{username}
|
||||||
<span className="text-[10px]">▼</span>
|
<span className="text-[10px]">▼</span>
|
||||||
</button>
|
</button>
|
||||||
{dropdownOpen && (
|
{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
|
<Link
|
||||||
to="/profile"
|
to="/profile"
|
||||||
className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
|
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