Fazbeeer commited on
Commit
e251fc0
·
verified ·
1 Parent(s): 2de6e54

allow the menu of languages to go on top of amplify block

Browse files
Files changed (1) hide show
  1. 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 z-50 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>
 
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>