jalil/achat-maison-albi-fr
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Adjust dropdown menu transformation properties

Browse source 
This commit makes changes to the transformation properties for the dropdown menu in the 'LanguagePicker' component. New properties have been added to better position the dropdown on both mobile and desktop views resulting in a more responsive design.
This commit is contained in:
Emil Gulamov 2024-04-05 04:06:52 +04:00
parent d795a4a578
commit 7aede2c230
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/ui/LanguagePicker.astro
View file

@ -25,7 +25,7 @@ import Icon from "./icons/Icon.astro";
</button>
<div
class="hs-dropdown-menu duration mt-2 hidden rounded-lg bg-neutral-50 p-2 opacity-0 shadow-md transition-[opacity,margin] before:absolute before:-top-4 before:start-0 before:h-4 before:w-full after:absolute after:-bottom-4 after:start-0 after:h-4 after:w-full hs-dropdown-open:opacity-100 dark:divide-neutral-700 dark:border dark:border-neutral-700 dark:bg-neutral-800"
class="hs-dropdown-menu duration mt-2 hidden rounded-lg bg-neutral-50 p-2 opacity-0 shadow-md transition-[opacity,margin] before:absolute before:-top-4 before:start-0 before:h-4 before:w-full after:absolute after:-bottom-4 after:start-0 after:h-4 after:w-full hs-dropdown-open:opacity-100 dark:divide-neutral-700 dark:border dark:border-neutral-700 dark:bg-neutral-800 !transform-none !top-[98%] !left-[20%] md:!top-[80%] md:!left-[90%]"
aria-labelledby="hs-dropdown-hover-event"
>
{