modified: main_dc/BB/bbvue/package-lock.json

modified:   main_dc/BB/bbvue/package.json
	modified:   main_dc/BB/bbvue/src/App.vue
	modified:   main_dc/BB/bbvue/src/components/NavigationMenu.vue
install import { Icon } from '@iconify/vue'

main_dc/BB/bbvue/src/App.vue

@@ -18,7 +18,17 @@
         </router-link>
 
         <!-- Используем компонент меню -->
-        <NavigationMenu />
+        <div class="menu-box">
+          <div class="menu-box-item">
+            <Icon icon="material-symbols:account-circle" class="profile-icon" />
+          </div>
+          <div class="menu-box-item">
+            <Icon icon="material-symbols:no-accounts" class="profile-icon" />
+          </div>
+          <div class="menu-box-item h-menu">
+            <NavigationMenu />
+          </div>
+        </div>
       </div>
     </header>
 
@@ -37,11 +47,13 @@
 
 <script>
 import NavigationMenu from './components/NavigationMenu.vue'
+import { Icon } from '@iconify/vue'
 
 export default {
   name: 'App',
   components: {
-    NavigationMenu
+    NavigationMenu,
+    Icon
   },
   data() {
     return {
@@ -70,6 +82,21 @@ export default {
   box-sizing: border-box;
 }
 
+.menu-box {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+
+.menu-box-item {
+  padding: 0 0.5rem;
+}
+
+.profile-icon {
+  color: rgb(30, 255, 0);
+}
+
 a {
   text-decoration: none;
   color: inherit;