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

init

Browse Source
This commit is contained in:
Arina Yakovenko
2025-05-28 15:56:01 +02:00
parent 0a76549c0c
commit 7e2df27d9c
20 changed files with 7019 additions and 3659 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
components/HeaderBlock.vue
View File

@ -1,49 +1,59 @@
<template>
<div class="border-b border-border">
<div class="border-border border-b">
<UContainer
class="w-full max-w-[360px] px-[16px] sm:max-w-[768px] sm:px-[17px] md:max-w-[1000px] md:px-[24px] xl:max-w-[1920px] xl:px-[80px] mx-auto"
class="mx-auto w-full max-w-[360px] px-[16px] sm:max-w-[768px] sm:px-[17px] md:max-w-[1000px] md:px-[24px] xl:max-w-[1920px] xl:px-[80px]"
>
<div class="w-full hidden xl:flex items-center justify-between h-[120px]">
<div class="hidden h-[120px] w-full items-center justify-between xl:flex">
<ul class="flex items-center gap-20 whitespace-nowrap">
<li
v-for="(item, index) in menu.items"
:key="index"
class="cursor-pointer hover:text-text-light/80 dark:hover:text-text-dark/70 transition-all text-lg"
class="hover:text-text-light/80 dark:hover:text-text-dark/70 cursor-pointer text-lg transition-all"
>
0{{ index + 1 }} <br />
{{ item.name }}
</li>
</ul>
<img src="./../public/logo.png" alt="Frame" />
<div class="flex items-center gap-7">
<UIcon class="w-8 h-8 cursor-pointer" name="i-heroicons-user" />
<UIcon
class="w-8 h-8 cursor-pointer"
name="i-heroicons-shopping-cart"
<img src="/logo.png" alt="Frame" />
<div class="flex items-center gap-[30px]">
<img
class="h-8 w-8 cursor-pointer"
src="/icons/Account.svg"
alt="Account"
/>
<img
class="h-8 w-8 cursor-pointer"
src="/icons/Cart.svg"
alt="Cart"
/>
</div>
<ThemeSwitcher />
<button
class="cursor-pointer hover:bg-button-hover transition-all bg-button py-3 px-6 font-medium text-white rounded-xl"
class="hover:bg-button-hover bg-button cursor-pointer rounded-xl px-6 py-3 font-medium text-white transition-all"
>
E-shop
</button>
</div>
<div
class="w-full hidden md:flex xl:hidden items-center justify-between h-[120px]"
class="hidden h-[120px] w-full items-center justify-between md:flex xl:hidden"
>
<img src="./../public/logo.png" alt="Frame" />
<img src="/logo.png" alt="Frame" />
<div class="flex items-center">
<div class="flex items-center gap-7">
<UIcon class="w-8 h-8 cursor-pointer" name="i-heroicons-user" />
<UIcon
class="w-8 h-8 cursor-pointer"
name="i-heroicons-shopping-cart"
<img
class="h-8 w-8 cursor-pointer"
src="/icons/Account.svg"
alt="Account"
/>
<img
class="h-8 w-8 cursor-pointer"
src="/icons/Cart.svg"
alt="Cart"
/>
</div>
<ThemeSwitcher />
<button
class="cursor-pointer hover:bg-button-hover transition-all bg-button py-3 px-6 font-medium text-white rounded-xl"
class="hover:bg-button-hover bg-button cursor-pointer rounded-xl px-6 py-3 font-medium text-white transition-all"
>
E-shop
</button>