Sync all webapp app.js templates and Layout root divs

client/web/admin/src/app.js

@@ -21,7 +21,7 @@ export default (options = {}) => {
   options = {
     el: '#app',
     name: 'admin',
-    template: '<div><router-view v-if="loaded && i18nLoaded && isRbacLoaded" /></div>',
+    template: '<router-view v-if="loaded && i18nLoaded && isRbacLoaded" />',
 
     mixins: [
       mixins.corredor,

client/web/admin/src/views/Layout.vue

@@ -1,8 +1,6 @@
 <template>
-  <div class="d-flex flex-column w-100 vh-100">
-    <header
-      class="mw-100"
-    >
+  <div class="d-flex flex-column w-100 vh-100 overflow-hidden">
+    <header>
       <c-topbar
         :sidebar-pinned="pinned"
         :settings="$Settings.get('ui.topbar', {})"

client/web/compose/src/app.js

@@ -21,7 +21,7 @@ export default (options = {}) => {
   options = {
     el: '#app',
     name: 'compose',
-    template: '<div><router-view v-if="loaded && i18nLoaded" /></div>',
+    template: '<router-view v-if="loaded && i18nLoaded" />',
 
     mixins: [
       mixins.corredor,

client/web/compose/src/views/Layout.vue

@@ -1,8 +1,6 @@
 <template>
-  <div class="d-flex flex-column w-100 vh-100">
-    <header
-      class="mw-100"
-    >
+  <div class="d-flex flex-column w-100 vh-100 overflow-hidden">
+    <header>
       <c-topbar
         :sidebar-pinned="pinned"
         :settings="$Settings.get('ui.topbar', {})"
@@ -70,10 +68,13 @@
       </template>
       <router-view />
     </main>
+
     <c-prompts />
+
     <c-toaster
       :toasts="toasts"
     />
+
     <c-permissions-modal
       :labels="{
         save: $t('permissions:ui.save'),
@@ -102,6 +103,7 @@
         },
       }"
     />
+
     <c-translation-modal />
   </div>
 </template>

client/web/discovery/src/views/Layout.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="d-flex flex-column w-100 vh-100">
+  <div class="d-flex flex-column w-100 vh-100 overflow-hidden">
     <header>
       <c-topbar
         :sidebar-pinned="pinned"

client/web/one/src/app.js

@@ -15,7 +15,7 @@ export default (options = {}) => {
   options = {
     el: '#app',
     name: 'one',
-    template: '<div v-if="loaded && i18nLoaded"><router-view/></div>',
+    template: '<router-view v-if="loaded && i18nLoaded" />',
 
     data: () => ({
       loaded: false,

client/web/one/src/views/Layout.vue

@@ -1,10 +1,7 @@
 <template>
-  <div
-    class="d-flex flex-column w-100 vh-100"
-  >
+  <div class="d-flex flex-column w-100 vh-100 overflow-hidden">
     <header
       v-show="loaded"
-      class="mw-100"
     >
       <c-topbar
         hide-app-selector

client/web/privacy/src/app.js

@@ -17,7 +17,7 @@ export default (options = {}) => {
     el: '#app',
     name: 'privacy',
 
-    template: '<div v-if="loaded && i18nLoaded" class="h-100"><router-view/></div>',
+    template: '<router-view v-if="loaded && i18nLoaded" />',
 
     data: () => ({
       loaded: false,

client/web/reporter/src/app.js

@@ -18,7 +18,7 @@ export default (options = {}) => {
     el: '#app',
     name: 'reporter',
 
-    template: '<div v-if="loaded && i18nLoaded" class="h-100"><router-view/></div>',
+    template: '<router-view v-if="loaded && i18nLoaded" />',
 
     data: () => ({
       loaded: false,

client/web/reporter/src/views/Layout.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="d-flex flex-column w-100 vh-100">
+  <div class="d-flex flex-column w-100 vh-100 overflow-hidden">
     <header>
       <c-topbar
         :sidebar-pinned="pinned"

client/web/workflow/src/app.js

@@ -16,7 +16,7 @@ export default (options = {}) => {
   options = {
     el: '#app',
     name: 'workflow',
-    template: '<div v-if="loaded && i18nLoaded" class="h-100"><router-view/></div>',
+    template: '<router-view v-if="loaded && i18nLoaded" />',
 
     data: () => ({
       loaded: false,

client/web/workflow/src/views/Layout.vue

@@ -1,8 +1,6 @@
 <template>
-  <div class="d-flex flex-column w-100 vh-100">
-    <header
-      class="mw-100"
-    >
+  <div class="d-flex flex-column w-100 vh-100 overflow-hidden">
+    <header>
       <c-topbar
         :sidebar-pinned="pinned"
         :settings="$Settings.get('ui.topbar', {})"