82 lines
2.2 KiB
Vue
82 lines
2.2 KiB
Vue
<template>
|
|
<div class="container mx-auto h-[120px] border-b border-border">
|
|
<div class="w-full h-full flex items-center justify-between">
|
|
<ul class="flex items-center gap-20 whitespace-nowrap">
|
|
<li
|
|
class="cursor-pointer hover:text-text-light/80 dark:hover:text-text-dark/70 transition-all"
|
|
>
|
|
01 <br />
|
|
Investice
|
|
</li>
|
|
<li
|
|
class="cursor-pointer hover:text-text-light/80 dark:hover:text-text-dark/70 transition-all"
|
|
>
|
|
02 <br />
|
|
O zlotě
|
|
</li>
|
|
<li
|
|
class="cursor-pointer hover:text-text-light/80 dark:hover:text-text-dark/70 transition-all"
|
|
>
|
|
03 <br />
|
|
Podnikání
|
|
</li>
|
|
<li
|
|
class="cursor-pointer hover:text-text-light/80 dark:hover:text-text-dark/70 transition-all"
|
|
>
|
|
04 <br />
|
|
O Nás
|
|
</li>
|
|
<li
|
|
class="cursor-pointer hover:text-text-light/80 dark:hover:text-text-dark/70 transition-all"
|
|
>
|
|
05 <br />
|
|
Kontakt
|
|
</li>
|
|
</ul>
|
|
<img src="./../public/Frame 1321315773.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"
|
|
/>
|
|
</div>
|
|
<ThemeSwitcher />
|
|
<button
|
|
class="cursor-pointer hover:bg-brown/80 transition-all bg-brown py-3 px-6 font-medium text-white rounded-xl"
|
|
>
|
|
E-shop
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script lang="ts" setup>
|
|
// function nested object
|
|
const menu = {
|
|
items: [
|
|
{
|
|
active: true,
|
|
created: "2025-04-29 14:21:16.980Z",
|
|
id: "l10y982y139ep7u",
|
|
id_lang: "en",
|
|
id_page: "",
|
|
id_parent: "",
|
|
is_default: false,
|
|
is_root: true,
|
|
link_rewrite: "",
|
|
link_title: "",
|
|
meta_description: "",
|
|
meta_title: "",
|
|
name: "top",
|
|
page_name: "",
|
|
position_id: 0,
|
|
updated: "2025-05-09 08:34:06.650Z",
|
|
},
|
|
],
|
|
page: 1,
|
|
perPage: 50,
|
|
totalItems: 14,
|
|
totalPages: 1,
|
|
};
|
|
</script>
|