Browse Source

feat: adiciona default header dialog em edicao de pacote

ebagabee 1 month ago
parent
commit
f02c560dae
1 changed files with 5 additions and 9 deletions
  1. 5 9
      src/pages/packages/components/AddEditPackageDialog.vue

+ 5 - 9
src/pages/packages/components/AddEditPackageDialog.vue

@@ -2,18 +2,13 @@
   <q-dialog ref="dialogRef" @hide="onDialogHide">
     <div style="width: 100%; max-width: 700px">
       <q-card class="overflow-hidden" style="width: 100%">
-        <q-btn
-          flat
-          round
-          dense
-          icon="mdi-close"
-          class="absolute-top-right q-ma-sm"
-          style="z-index: 1"
-          @click="onDialogCancel"
+        <DefaultDialogHeader
+          :title="props.package ? 'Editar Pacote' : 'Novo Pacote'"
+          @close="onDialogCancel"
         />
 
         <q-form ref="formRef" @submit="onOKClick">
-          <q-card-section class="q-pt-lg">
+          <q-card-section class="q-pt-sm">
             <CustomTabComponent
               v-model:active-tab="currentTab"
               :tabs="tabs"
@@ -272,6 +267,7 @@ import { ref, computed, onMounted } from "vue";
 import { useDialogPluginComponent } from "quasar";
 
 import CustomTabComponent from "src/components/shared/CustomTabComponent.vue";
+import DefaultDialogHeader from "src/components/defaults/DefaultDialogHeader.vue";
 import DefaultInput from "src/components/defaults/DefaultInput.vue";
 import DefaultSelect from "src/components/defaults/DefaultSelect.vue";
 import DefaultCurrencyInput from "src/components/defaults/DefaultCurrencyInput.vue";