mirror of
https://github.com/10h30/astroplate.git
synced 2026-07-11 10:46:07 +09:00
fixed navigation dropdown
This commit is contained in:
@@ -76,7 +76,7 @@ const { pathname } = Astro.url;
|
|||||||
<path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" />
|
<path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" />
|
||||||
</svg>
|
</svg>
|
||||||
</label>
|
</label>
|
||||||
<ul class=" hidden peer-checked:block lg:invisible lg:absolute lg:block lg:opacity-0 lg:group-hover:visible lg:group-hover:opacity-100">
|
<ul class="nav-dropdown-list hidden peer-checked:block lg:invisible lg:absolute lg:block lg:opacity-0 lg:group-hover:visible lg:group-hover:opacity-100">
|
||||||
{menu.children?.map((child) => (
|
{menu.children?.map((child) => (
|
||||||
<li class="nav-dropdown-item">
|
<li class="nav-dropdown-item">
|
||||||
<a
|
<a
|
||||||
|
|||||||
@@ -30,12 +30,8 @@
|
|||||||
@apply pointer-events-none;
|
@apply pointer-events-none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-dropdown.active .nav-dropdown-list {
|
|
||||||
@apply block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-dropdown-list {
|
.nav-dropdown-list {
|
||||||
@apply bg-body dark:bg-darkmode-body z-10 min-w-[180px] rounded p-4 shadow-sm hidden lg:invisible lg:absolute lg:block lg:opacity-0;
|
@apply bg-body dark:bg-darkmode-body z-10 min-w-[180px] rounded p-4 shadow-sm;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-dropdown-item {
|
.nav-dropdown-item {
|
||||||
|
|||||||
Reference in New Issue
Block a user