ZenBrowserMirrors/www
1
0
Fork 0
mirror of https://github.com/zen-browser/www.git synced 2025-07-08 01:10:02 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix: DropdownItems

Browse source
This commit is contained in:
Rion 2025-06-01 19:53:18 +09:00
parent ed91828fa5
commit 061f05afc2
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/NavBar.astro
View file

@ -32,7 +32,7 @@ const {
<div
class="absolute left-1/2 hidden -translate-x-1/2 items-center gap-6 text-xs sm:text-sm lg:flex lg:text-base"
>
<Dropdown class="group">
<Dropdown class="group relative">
<button class="flex items-center">
<span>{menu.gettingStarted}</span>
<ChevronDownIcon
@ -66,7 +66,7 @@ const {
</div>
</DropdownItems>
</Dropdown>
<Dropdown class="group">
<Dropdown class="group relative">
<button class="flex items-center">
<span>{menu.usefulLinks}</span>
<ChevronDownIcon
@ -74,7 +74,7 @@ const {
/>
</button>
<DropdownItems>
<div class="navbar-dropdown !grid-cols-1 gap-1">
<div class="navbar-dropdown !min-w-[400px] !grid-cols-1 gap-1">
<a class="dropdown-item" href={getLocalePath('/donate')}>
<div class="dropdown-title">{menu.donate}</div>
<div class="dropdown-description">
@ -139,7 +139,7 @@ const {
<style>
.navbar-dropdown {
@apply absolute left-1/2 mt-2 grid !-translate-x-1/2 !transform grid-cols-2 gap-2 rounded-lg border-2 border-dark bg-paper p-3 shadow-sm;
@apply absolute left-1/2 z-10 mt-2 grid min-w-[600px] -translate-x-1/2 transform grid-cols-2 gap-2 rounded-lg border-2 border-dark bg-paper p-3 shadow-sm;
& .dropdown-item {
@apply flex cursor-pointer select-none flex-col gap-2 rounded-lg p-4 transition-colors duration-200;