Spaces:
Running
Running
allow the menu of languages to go on top of amplify block
Browse files- index.html +8 -2
index.html
CHANGED
|
@@ -84,13 +84,19 @@
|
|
| 84 |
<span id="cart-count" class="text-white">0</span>
|
| 85 |
</button>
|
| 86 |
</div>
|
| 87 |
-
<div class="relative group">
|
| 88 |
<button class="flex items-center space-x-1 bg-yellow-500 hover:bg-yellow-600 text-black px-4 py-2 rounded-lg transition">
|
| 89 |
<i data-feather="globe" class="mr-1"></i>
|
| 90 |
<span id="current-language">EN</span>
|
| 91 |
<i data-feather="chevron-down" class="ml-1"></i>
|
| 92 |
</button>
|
| 93 |
-
<div class="absolute right-0 mt-2 w-48 bg-black border border-yellow-500 rounded-lg shadow-lg py-1
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 94 |
<a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="en">English</a>
|
| 95 |
<a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="es">Español</a>
|
| 96 |
<a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="fr">Français</a>
|
|
|
|
| 84 |
<span id="cart-count" class="text-white">0</span>
|
| 85 |
</button>
|
| 86 |
</div>
|
| 87 |
+
<div class="relative group z-50">
|
| 88 |
<button class="flex items-center space-x-1 bg-yellow-500 hover:bg-yellow-600 text-black px-4 py-2 rounded-lg transition">
|
| 89 |
<i data-feather="globe" class="mr-1"></i>
|
| 90 |
<span id="current-language">EN</span>
|
| 91 |
<i data-feather="chevron-down" class="ml-1"></i>
|
| 92 |
</button>
|
| 93 |
+
<div class="absolute right-0 mt-2 w-48 bg-black border border-yellow-500 rounded-lg shadow-lg py-1 hidden group-hover:block" style="z-index: 1000;">
|
| 94 |
+
<a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="en">English</a>
|
| 95 |
+
<a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="es">Español</a>
|
| 96 |
+
<a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="fr">Français</a>
|
| 97 |
+
<a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="de">Deutsch</a>
|
| 98 |
+
</div>
|
| 99 |
+
<div class="absolute right-0 mt-2 w-48 bg-black border border-yellow-500 rounded-lg shadow-lg py-1 hidden group-hover:block" style="z-index: 1000;">
|
| 100 |
<a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="en">English</a>
|
| 101 |
<a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="es">Español</a>
|
| 102 |
<a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="fr">Français</a>
|