Make app configure header sticky

2025-02-21 23:20:02 +01:00
parent 7d35c9a8eb
commit 97a298375a
1 changed files with 14 additions and 1 deletions
@@ -143,7 +143,7 @@ onUnmounted(() => {

 <template>
  <div class="content">
-    <div style="display: flex; margin-bottom: 20px; justify-content: space-between;">
+    <div class="titlebar">
      <div style="display: flex;">
        <img :src="API_ORIGIN + app.iconUrl" v-fallback-image="API_ORIGIN + '/img/appicon_fallback.png'" style="width: 64px; margin-right: 10px;"/>
        <h2>{{ app.label || app.fqdn }}</h2>
@@ -188,3 +188,16 @@ onUnmounted(() => {
    </TabView>
  </div>
 </template>
+
+<style scoped>
+
+.titlebar {
+  display: flex;
+  margin-bottom: 20px;
+  justify-content: space-between;
+  position: sticky;
+  top: 0;
+  background-color: var(--pankow-body-background-color);
+}
+
+</style>