Browse Source

style: altera cores de default input

ebagabee 1 week ago
parent
commit
e48fc0a072
2 changed files with 25 additions and 6 deletions
  1. 10 2
      src/components/defaults/DefaultInput.vue
  2. 15 4
      src/components/defaults/DefaultTable.vue

+ 10 - 2
src/components/defaults/DefaultInput.vue

@@ -6,8 +6,8 @@
         v-model="model"
         v-bind="inputAttrs"
         hide-bottom-space
-        label-color="secondary"
-        color="secondary"
+        :label-color
+        :color
         :label
         :error="!!error"
         :error-message="errorMessage"
@@ -76,6 +76,14 @@ const { label, nativeInputClass, inputClass, rules, icon, bgColor, outlined } =
       type: Boolean,
       default: false,
     },
+    labelColor: {
+      type: String,
+      default: "secondary",
+    },
+    color: {
+      type: String,
+      default: "secondary",
+    },
   });
 
 const attrs = useAttrs();

+ 15 - 4
src/components/defaults/DefaultTable.vue

@@ -48,10 +48,11 @@
           v-model="filter"
           debounce="250"
           label="Busque por Unidade, status ou Responsavel"
+          label-color="dark"
           :placeholder="$t('common.actions.search')"
           clearable
           class="q-mt-sm full-width search-input"
-          color="primary"
+          color="dark"
           bg-color="transparent"
           dense
           input-class="q-pl-xs"
@@ -84,7 +85,9 @@
             outline
             icon="mdi-pencil-outline"
             style="width: 36px"
-            @click.prevent.stop="router.push({ name: openItemRoute, params: { id: row.id } })"
+            @click.prevent.stop="
+              router.push({ name: openItemRoute, params: { id: row.id } })
+            "
           />
           <q-btn
             v-if="deleteFunction"
@@ -119,13 +122,21 @@
               </template>
               <template v-else>
                 <slot name="body-cell-actions" :row="row" />
-                <q-item-section v-if="openItemRoute || deleteFunction" style="flex-direction: row; gap: 4px">
+                <q-item-section
+                  v-if="openItemRoute || deleteFunction"
+                  style="flex-direction: row; gap: 4px"
+                >
                   <q-btn
                     v-if="openItemRoute"
                     outline
                     icon="mdi-pencil-outline"
                     style="width: 36px"
-                    @click.prevent.stop="router.push({ name: openItemRoute, params: { id: row.id } })"
+                    @click.prevent.stop="
+                      router.push({
+                        name: openItemRoute,
+                        params: { id: row.id },
+                      })
+                    "
                   />
                   <q-btn
                     v-if="deleteFunction"