From 50fae1396d1f90720126b528eaedf70f84f9988e Mon Sep 17 00:00:00 2001
From: goynov <goynov@gmail.com>
Date: Tue, 17 Feb 2026 20:45:43 +0200
Subject: [PATCH] change header scroll-behavior

---
 src/components/AppHeader.vue     |  2 +-
 src/components/ConsoleHeader.vue | 27 +++++++++++++++------------
 2 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index 0c8753c..8fec686 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -1,5 +1,5 @@
 <template>
-    <v-app-bar color="blue" scroll-behavior="elevate" scroll-threshold="20" :height="100" image="/static/bck-2.webp">
+    <v-app-bar color="blue" scroll-behavior="collapse" scroll-threshold="50" :height="100" image="/static/bck-2.webp">
         <!-- <v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon> -->
         <template v-slot:prepend>
             <v-avatar class="ml-3" size="66" rounded="0">
diff --git a/src/components/ConsoleHeader.vue b/src/components/ConsoleHeader.vue
index b39ab50..cd7c6da 100644
--- a/src/components/ConsoleHeader.vue
+++ b/src/components/ConsoleHeader.vue
@@ -1,5 +1,5 @@
 <template>
-    <v-app-bar color="primary" scroll-behavior="elevate" scroll-threshold="20" :height="100" image="/static/bck-1.webp">
+    <v-app-bar color="primary" scroll-behavior="collapse" scroll-threshold="50" :height="100" image="/static/bck-1.webp">
         <!-- <v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon> -->
         <template v-slot:prepend>
             <router-link to="/manage">
@@ -11,17 +11,20 @@
         <v-app-bar-title>
             <router-link to="/manage">{{ l.workshop }}</router-link>
         </v-app-bar-title>
-        <v-btn to="/" icon="mdi-seesaw" v-tooltip="l.playground"></v-btn>
-        <v-menu>
-            <template v-slot:activator="{ props }">
-                <v-btn icon="mdi-plus" variant="text" v-bind="props"></v-btn>
-            </template>
-            <v-list>
-                <v-list-item to="/manage/game-objects/add">{{ l.createGameObject }}</v-list-item>
-                <v-list-item to="/manage/scenarios/add">{{ l.createScenario }}</v-list-item>
-                <v-list-item to="/manage/games/add">{{ l.createGame }}</v-list-item>
-            </v-list>
-        </v-menu>
+        <template v-slot:append>
+            <v-btn to="/" icon="mdi-controller" v-tooltip="l.playground"></v-btn>
+            <v-menu>
+                <template v-slot:activator="{ props }">
+                    <v-btn icon="mdi-plus" variant="text" v-bind="props"></v-btn>
+                </template>
+                <v-list>
+                    <v-list-item to="/manage/game-objects/add">{{ l.createGameObject }}</v-list-item>
+                    <v-list-item to="/manage/scenarios/add">{{ l.createScenario }}</v-list-item>
+                    <v-list-item to="/manage/games/add">{{ l.createGame }}</v-list-item>
+                </v-list>
+            </v-menu>
+            <CommonHeader></CommonHeader>
+        </template>
     </v-app-bar>
 
     <v-navigation-drawer class="bg-secondary" expand-on-hover rail>