fix layout

Author: RICHARD-Quentin

app/src/components/appbar/index.vue

@@ -1,15 +1,16 @@
 <template lang="pug">
-q-toolbar.bg-primary.text-white
-    q-btn(flat)
-        q-avatar 
-            img(src="/logo.svg")
-        q-toolbar-title Teaket
-    q-separator(vertical dark inset).q-mx-md
-    tk-AppbarMenu
-    q-space 
-    tk-AppbarSearchfield
-    q-separator(vertical dark inset).q-mx-md
-    tk-AppbarRightButtons
+q-header
+    q-toolbar.bg-primary.text-white(style={height: '32px'})
+        q-btn(flat)
+            q-avatar 
+                img(src="/logo.svg")
+            q-toolbar-title Teaket
+        q-separator(vertical dark inset).q-mx-md
+        tk-AppbarMenu
+        q-space 
+        tk-AppbarSearchfield
+        q-separator(vertical dark inset).q-mx-md
+        tk-AppbarRightButtons
 </template>
 
 <script lang="ts" setup>

app/src/components/footer/index.vue

@@ -0,0 +1,5 @@
+<template lang="pug">
+q-footer
+    q-toolbar.bg-primary.text-white
+
+</template>

app/src/layouts/default.vue

@@ -1,5 +1,7 @@
 <template lang="pug">
-div
+q-layout(view="H p F")
     tk-appbar
-    slot
+    q-page-container
+        slot
+    tk-footer
 </template>

app/src/pages/tickets.vue

@@ -9,7 +9,7 @@ div
             v-model:pagination="pagination" title="Tickets" @request="onRequest" 
             rows-per-page-label="Lignes par page" no-data-label="Aucune donnée" loading-label="Chargement..." no-results-label="Aucun résultat"
             :pagination-label="(firstRowIndex, endRowIndex, totalRowsNumber) => `${firstRowIndex}-${endRowIndex} sur ${totalRowsNumber} lignes`"
-            selection="multiple" v-model:selected="selected" virtual-scroll style="height: 75vh;" :selected-rows-label="(numberOfRows) => `${numberOfRows} tickets sélectionnées`"
+            selection="multiple" v-model:selected="selected" virtual-scroll :selected-rows-label="(numberOfRows) => `${numberOfRows} tickets sélectionnées`"
         )
             template(v-slot:top)
                 .col-12.col-sm