yakovenko_arina/your-gold
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

investment page/curency switcher

Browse Source
This commit is contained in:
Arina Yakovenko
2025-06-05 15:53:41 +02:00
parent a7c4ff51ca
commit c7d71ddb21
17 changed files with 515 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
components/HeaderBlock.vue
View File

@ -30,11 +30,13 @@
<i class="uil uil-user text-[31px] cursor-pointer"></i>
<i class="uil uil-shopping-cart text-[31px] cursor-pointer"></i>
</div>
<LangSwitcher />
<CurrSelector />
<div class="flex">
<LangSwitcher />
<CountryCurrencySelector />
</div>
<ThemeSwitcher />
<button
class="hover:bg-button-hover bg-button cursor-pointer rounded-xl px-6 py-3 font-medium text-white transition-all"
class="hover:bg-button-hover bg-button cursor-pointer rounded-xl px-6 py-3 font-medium text-white transition-all text-inter"
>
E-shop
</button>
@ -62,7 +64,10 @@
<i class="uil uil-user text-[31px] cursor-pointer"></i>
<i class="uil uil-shopping-cart text-[31px] cursor-pointer"></i>
</div>
<LangSwitcher />
<div class="flex">
<LangSwitcher />
<CountryCurrencySelector />
</div>
<ThemeSwitcher />
<i
variant="subtle"
@ -92,7 +97,7 @@
:key="index"
class="flex items-center justify-between transition-all hover:text-text-light/80 dark:hover:text-text-dark/70 cursor-pointer"
>
<div class="text-inter leading-[70%] text-lg">
<div class="leading-[70%] text-lg">
<span class="mr-4">0{{ index + 1 }}</span>
{{ item.name }}
</div>
@ -164,7 +169,7 @@
:key="index"
class="flex items-center justify-between transition-all hover:text-text-light/80 dark:hover:text-text-dark/70 cursor-pointer"
>
<div class="text-inter leading-[70%] text-lg">
<div class="leading-[70%] text-lg">
<span class="mr-4">0{{ index + 1 }}</span>
{{ item.name }}
</div>
@ -184,13 +189,19 @@
</svg>
</div>
<div class="flex items-center justify-between">
<p class="text-inter leading-[70%] text-lg">
<p class="leading-[70%] text-lg">
{{ $t("change_language") }}
</p>
<LangSwitcher />
</div>
<div class="flex items-center justify-between">
<p class="text-inter leading-[70%] text-lg">
<p class="leading-[70%] text-lg">
{{ $t("change_currency_country") }}
</p>
<CountryCurrencySelector />
</div>
<div class="flex items-center justify-between">
<p class="leading-[70%] text-lg">
{{ $t("change_theme") }}
</p>
<ThemeSwitcher />
@ -243,7 +254,7 @@
:key="index"
class="flex items-center justify-between transition-all hover:text-text-light/80 dark:hover:text-text-dark/70 cursor-pointer"
>
<div class="text-inter leading-[70%] text-lg">
<div class="leading-[70%] text-lg">
<span class="mr-4">0{{ index + 1 }}</span>
{{ item.name }}
</div>
@ -263,13 +274,19 @@
</svg>
</div>
<div class="flex items-center justify-between">
<p class="text-inter leading-[70%] text-lg">
<p class="leading-[70%] text-lg">
{{ $t("change_language") }}
</p>
<LangSwitcher />
</div>
<div class="flex items-center justify-between">
<p class="text-inter leading-[70%] text-lg">
<p class="leading-[70%] text-lg">
{{ $t("change_currency_country") }}
</p>
<CountryCurrencySelector />
</div>
<div class="flex items-center justify-between">
<p class="leading-[70%] text-lg">
{{ $t("change_theme") }}
</p>
<ThemeSwitcher />
@ -282,6 +299,7 @@
</div>
</template>
<script lang="ts" setup>
import CountryCurrencySelector from "./CountryCurrencySelector.vue";
import LangSwitcher from "./LangSwitcher.vue";
const menuStore = useMenuStore();