From 8bd590447daee302b0227107097ef297c14e1e55 Mon Sep 17 00:00:00 2001 From: alexm <alexm@verdnatura.es> Date: Fri, 25 Aug 2023 14:17:11 +0200 Subject: [PATCH] refs #5673 feat: add toolbar in all cards --- src/pages/Claim/Card/ClaimNotes.vue | 2 +- src/pages/Customer/Card/CustomerCard.vue | 16 +++++++--------- src/pages/InvoiceOut/Card/InvoiceOutCard.vue | 9 +++++++-- src/pages/Ticket/Card/TicketCard.vue | 9 +++++++-- src/pages/Worker/Card/WorkerCard.vue | 9 +++++++-- 5 files changed, 29 insertions(+), 16 deletions(-) diff --git a/src/pages/Claim/Card/ClaimNotes.vue b/src/pages/Claim/Card/ClaimNotes.vue index 94b53c8a2..84d350e38 100644 --- a/src/pages/Claim/Card/ClaimNotes.vue +++ b/src/pages/Claim/Card/ClaimNotes.vue @@ -25,7 +25,7 @@ const body = { }; </script> <template> - <div class="col items-center"> + <div class="column items-center"> <VnNotes :add-note="true" :id="id" diff --git a/src/pages/Customer/Card/CustomerCard.vue b/src/pages/Customer/Card/CustomerCard.vue index 16c756e6a..c833d0cf9 100644 --- a/src/pages/Customer/Card/CustomerCard.vue +++ b/src/pages/Customer/Card/CustomerCard.vue @@ -27,15 +27,13 @@ const { t } = useI18n(); </QScrollArea> </QDrawer> <QPageContainer> - <QToolbar id="sub-toolbar" class="bg-dark text-white justify-end"> - <div id="st-data"> - {{ route.meta?.title && t(`customer.pageTitles.${route.meta.title}`) }} - </div> - <QSpace /> - <div id="st-actions"></div> - </QToolbar> - <QPage class="q-pa-md"> - <RouterView></RouterView> + <QPage> + <QToolbar class="bg-vn-dark justify-end"> + <div id="st-data"></div> + <QSpace /> + <div id="st-actions"></div> + </QToolbar> + <div class="q-pa-md"><RouterView></RouterView></div> </QPage> </QPageContainer> </template> diff --git a/src/pages/InvoiceOut/Card/InvoiceOutCard.vue b/src/pages/InvoiceOut/Card/InvoiceOutCard.vue index 5cbe72396..d24eb3ef2 100644 --- a/src/pages/InvoiceOut/Card/InvoiceOutCard.vue +++ b/src/pages/InvoiceOut/Card/InvoiceOutCard.vue @@ -25,8 +25,13 @@ const { t } = useI18n(); </QScrollArea> </QDrawer> <QPageContainer> - <QPage class="q-pa-md"> - <RouterView></RouterView> + <QPage> + <QToolbar class="bg-vn-dark justify-end"> + <div id="st-data"></div> + <QSpace /> + <div id="st-actions"></div> + </QToolbar> + <div class="q-pa-md"><RouterView></RouterView></div> </QPage> </QPageContainer> </template> diff --git a/src/pages/Ticket/Card/TicketCard.vue b/src/pages/Ticket/Card/TicketCard.vue index e0ad5054d..91921f827 100644 --- a/src/pages/Ticket/Card/TicketCard.vue +++ b/src/pages/Ticket/Card/TicketCard.vue @@ -25,8 +25,13 @@ const { t } = useI18n(); </QScrollArea> </QDrawer> <QPageContainer> - <QPage class="q-pa-md"> - <RouterView></RouterView> + <QPage> + <QToolbar class="bg-vn-dark justify-end"> + <div id="st-data"></div> + <QSpace /> + <div id="st-actions"></div> + </QToolbar> + <div class="q-pa-md"><RouterView></RouterView></div> </QPage> </QPageContainer> </template> diff --git a/src/pages/Worker/Card/WorkerCard.vue b/src/pages/Worker/Card/WorkerCard.vue index 3d6b46e11..972eb52ec 100644 --- a/src/pages/Worker/Card/WorkerCard.vue +++ b/src/pages/Worker/Card/WorkerCard.vue @@ -25,8 +25,13 @@ const { t } = useI18n(); </QScrollArea> </QDrawer> <QPageContainer> - <QPage class="q-pa-md"> - <RouterView></RouterView> + <QPage> + <QToolbar class="bg-vn-dark justify-end"> + <div id="st-data"></div> + <QSpace /> + <div id="st-actions"></div> + </QToolbar> + <div class="q-pa-md"><RouterView></RouterView></div> </QPage> </QPageContainer> </template>