investment page/curency switcher

components/LangSwitcher.vue

@@ -10,7 +10,7 @@
       viewport: 'ring-0',
       content: 'bg-bg-light dark:bg-bg-dark w-auto ring-0 border border-button',
       leading:
-        'left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 p-0',
+        'left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 pr-6',
       group: 'px-[5px] py-[10px]',
       item: 'hover:bg-bg-block dark:hover:bg-button rounded-[5px] data-highlighted:not-data-disabled:before:bg-button/50',
     }"
@@ -28,7 +28,11 @@
           :name="item.icon as string"
           class="size-5 rounded-full border border-button/40"
         />
-        <p class="text-xl font-medium uppercase">{{ item.code }}</p>
+        <p
+          class="text-xl font-medium uppercase text-text-light dark:text-text-dark opacity-100"
+        >
+          {{ item.code }}
+        </p>
       </div>
     </template>
   </USelect>
@@ -39,6 +43,8 @@ import { useI18n } from "#imports";
 
 const { locale, locales, setLocale } = useI18n();
 
+const isOpen = ref(false);
+
 const selectedLocaleCode = ref(locale.value);
 const selectedIcon = ref(
   locales.value.find((item) => item.code === locale.value)?.icon