ZenBrowserMirrors/www
1
0
Fork 0
mirror of https://github.com/zen-browser/www.git synced 2025-07-08 09:20:00 +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 <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" 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"> <button class="flex items-center">
<span>{menu.gettingStarted}</span> <span>{menu.gettingStarted}</span>
<ChevronDownIcon <ChevronDownIcon
@ -66,7 +66,7 @@ const {
</div> </div>
</DropdownItems> </DropdownItems>
</Dropdown> </Dropdown>
<Dropdown class="group"> <Dropdown class="group relative">
<button class="flex items-center"> <button class="flex items-center">
<span>{menu.usefulLinks}</span> <span>{menu.usefulLinks}</span>
<ChevronDownIcon <ChevronDownIcon
@ -74,7 +74,7 @@ const {
/> />
</button> </button>
<DropdownItems> <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')}> <a class="dropdown-item" href={getLocalePath('/donate')}>
<div class="dropdown-title">{menu.donate}</div> <div class="dropdown-title">{menu.donate}</div>
<div class="dropdown-description"> <div class="dropdown-description">
@ -139,7 +139,7 @@ const {
<style> <style>
.navbar-dropdown { .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 { & .dropdown-item {
@apply flex cursor-pointer select-none flex-col gap-2 rounded-lg p-4 transition-colors duration-200; @apply flex cursor-pointer select-none flex-col gap-2 rounded-lg p-4 transition-colors duration-200;