feat: :sparkles: definindo inputs iniciais

src/components/geral/DefaultDialogHeader.vue

@@ -2,10 +2,10 @@
   <q-bar
     class="q-py-md"
     v-bind="$attrs"
-    style="min-height: 55px; max-height: 55px"
+    style="min-height: 45px; max-height: 45px"
   >
     <q-icon v-if="props.icon" :name="props.icon" />
-    <div>{{ props.title() }}</div>
+    <div>{{ props.title }}</div>
 
     <q-space />
 
@@ -28,8 +28,8 @@ const emit = defineEmits(["maximized", "close"]);
 
 const props = defineProps({
   title: {
-    type: Function,
-    default: () => 'Título',
+    type: String,
+    default: 'Título',
   },
   fullscreen: {
     type: Boolean,

src/components/geral/LeftMenuLayout.vue

@@ -218,7 +218,7 @@ const menus = ref([
     type: "single",
     title: "Dashboard",
     name: "HomePage",
-    icon: "mdi-home-variant-outline",
+    icon: "mdi-monitor-dashboard",
     disable: false,
     permission: false,
     permissionScope: "dashboard",

src/pages/users/UsersPage.vue

@@ -88,7 +88,7 @@ const onAddItem = () => {
     component: AddEditUserDialog,
 
     componentProps: {
-      title: 'Adicionar Usuário',
+      title: 'Novo Usuário',
     },
   }).onOk(async (payload) => {
     await createUser(payload);

src/pages/users/components/AddEditUserDialog.vue

@@ -7,28 +7,50 @@
           <q-input
             v-model="name"
             label="Nome"
-            hint="Nome e sobrenome"
+            hint="Obrigatório"
             :rules="[inputRules.required]"
-            class="col-6"
+            outlined
+            class="col-6 q-input-border"
+            dense
+            bg-color="white"
+            hide-bottom-space
           />
           <q-input
             v-model="email"
             label="Email"
             :rules="[inputRules.email]"
-            class="col-6"
+            outlined
+            class="col-6 q-input-border"
+            dense
+            bg-color="white"
+            hide-bottom-space
           />
           <q-input
             v-model="password"
             label="Senha"
             :rules="[inputRules.min(6)]"
-            class="col-6"
+            outlined
+            class="col-6 q-input-border"
+            dense
+            bg-color="white"
+            hide-bottom-space
           />
         </q-form>
       </q-card-section>
-      <q-card-actions align="center">
-        <q-btn color="primary" label="Cancel" @click="onDialogCancel" />
-        <q-space />
-        <q-btn color="primary" label="OK" @click="onOKClick" />
+      <q-card-actions align="right">
+        <q-btn
+          outline
+          padding="10px 20px"
+          label="Cancelar"
+          color="dark"
+          @click="onDialogCancel"
+        />
+        <q-btn
+          padding="10px 20px"
+          color="primary"
+          label="Salvar"
+          @click="onOKClick"
+        />
       </q-card-actions>
     </q-card>
   </q-dialog>
@@ -52,8 +74,8 @@ const props = defineProps({
     default: null,
   },
   title: {
-    type: Function,
-    default: () => "Adicionar Usuário",
+    type: String,
+    default: "Novo Usuário",
   },
 });