fix: main page popover is hidden

frontend/src/components/Navbar.vue

@@ -3,7 +3,7 @@
         <va-navbar shape color="#79589f" class="navbar">
             <template #left>
                 <va-navbar-item class="top-icon">
-                    <va-popover message="Главная страница">
+                    <va-popover message="Карта" prevent-overflow stick-to-edges>
                         <va-icon size="3rem" color="gray" name="public" @click="$router.push('/')" />
                     </va-popover>
                 </va-navbar-item>
@@ -13,7 +13,7 @@
                 <va-dropdown :close-on-content-click="false" placement="bottom-end" prevent-overflow>
                     <template #anchor>
                         <va-navbar-item class="top-icon">
-                            <va-popover message="Корзина">
+                            <va-popover message="Корзина" prevent-overflow stick-to-edges>
                                 <va-icon size="3rem" color="gray" name="shopping_basket" @click="" />
                             </va-popover>
                         </va-navbar-item>
@@ -51,7 +51,7 @@
                     </va-dropdown-content>
                 </va-dropdown>
                 <va-navbar-item class="top-icon">
-                    <va-popover message="Аккаунт">
+                    <va-popover message="Аккаунт" prevent-overflow stick-to-edges>
                         <va-icon size="3rem" color="gray" name="account_box" @click="$emit('accountClick')" />
                     </va-popover>
                 </va-navbar-item>

frontend/src/views/FrontView.vue

@@ -1,5 +1,5 @@
 <template>
-    <navbar @accountClick="$router.push('/admin/')">
+    <navbar class="navbar" @accountClick="$router.push('/admin/')">
         <va-input placeholder="Начните вводить запрос" v-model="searchQuery"></va-input>
     </navbar>
     <div class="central-view">
@@ -176,4 +176,8 @@ export default {
 .main-view {
     width: 100%;
 }
+
+.navbar {
+    z-index: 100;
+}
 </style>