From 3ad9767e83deaf6355385ef4ad368d38bdb53299 Mon Sep 17 00:00:00 2001 From: Remi PLANEL <rplanel@pasteur.fr> Date: Wed, 6 Sep 2023 17:09:46 +0200 Subject: [PATCH] Use toolblar --- components/content/ListSystems.vue | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/components/content/ListSystems.vue b/components/content/ListSystems.vue index 83c1fd9d..b6536466 100644 --- a/components/content/ListSystems.vue +++ b/components/content/ListSystems.vue @@ -14,12 +14,13 @@ const headers = ref([{ </script> <template> - <v-card flat color="transparent"> - <v-card-title> - Defense Systems - <v-spacer></v-spacer> - <v-text-field v-model="search" append-icon="mdi-magnify" label="Search" single-line hide-details></v-text-field> - </v-card-title> + <v-card flat color="transparent" class="my-5"> + <v-toolbar> + <v-toolbar-title>Defense Systems</v-toolbar-title> + + <v-text-field v-model="search" density="compact" variant="underlined" append-inner-icon="mdi-magnify" label="Search" + single-line hide-details class="mx-2"></v-text-field> + </v-toolbar> <v-data-table :items-per-page="itemsPerParge" v-model:sort-by="sortBy" :headers="headers" :items="props.systems" :search="search"> <template #[`item.system`]="{ item }"> -- GitLab