feat: adiciona devbanner

src/components/shared/DevBanner.vue

@@ -0,0 +1,14 @@
+<template>
+  <div class="dev-banner row items-center q-px-md q-py-xs q-gutter-x-sm">
+    <q-icon name="mdi-hammer-wrench" size="16px" />
+    <span class="text-caption text-weight-medium">Em Desenvolvimento — funcionalidades podem estar incompletas</span>
+  </div>
+</template>
+
+<style scoped>
+.dev-banner {
+  background-color: #fff8e1;
+  border-left: 4px solid #f9a825;
+  color: #7a5900;
+}
+</style>

src/pages/financial/AccountsPayablePage.vue

@@ -2,6 +2,7 @@
   <div>
     <DefaultHeaderPage title="Contas a Pagar" :show-filter-icon="false" />
 
+    <div class="q-px-md"><DevBanner /></div>
     <div class="row q-pa-md q-gutter-md">
       <FinancialCard
         title="Saldo Tesouraria"
@@ -67,6 +68,7 @@
 <script setup>
 import { ref } from "vue";
 import DefaultHeaderPage from "src/components/layout/DefaultHeaderPage.vue";
+import DevBanner from "src/components/shared/DevBanner.vue";
 import DefaultTable from "src/components/defaults/DefaultTable.vue";
 import FinancialCard from "src/components/financial/FinancialCard.vue";
 

src/pages/financial/AccountsReceivablePage.vue

@@ -2,6 +2,7 @@
   <div>
     <DefaultHeaderPage title="Contas a Receber" :show-filter-icon="false" />
 
+    <div class="q-px-md"><DevBanner /></div>
     <div class="row q-pa-md q-gutter-md">
       <FinancialCard
         title="Saldo Tesouraria"
@@ -67,6 +68,7 @@
 <script setup>
 import { ref } from "vue";
 import DefaultHeaderPage from "src/components/layout/DefaultHeaderPage.vue";
+import DevBanner from "src/components/shared/DevBanner.vue";
 import DefaultTable from "src/components/defaults/DefaultTable.vue";
 import FinancialCard from "src/components/financial/FinancialCard.vue";
 

src/pages/financial/ChartOfAccountsPage.vue

@@ -2,6 +2,7 @@
   <div>
     <DefaultHeaderPage title="Plano de Contas" :show-filter-icon="false" />
 
+    <div class="q-px-md"><DevBanner /></div>
     <div class="q-px-md">
       <DefaultTable
         v-model:rows="rows"
@@ -22,6 +23,7 @@
 <script setup>
 import { ref } from "vue";
 import DefaultHeaderPage from "src/components/layout/DefaultHeaderPage.vue";
+import DevBanner from "src/components/shared/DevBanner.vue";
 import DefaultTable from "src/components/defaults/DefaultTable.vue";
 
 const rows = ref([]);

src/pages/financial/FinancialPage.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
     <DefaultHeaderPage title="Financeiro" :show-filter-icon="false" />
+    <div class="q-px-md"><DevBanner /></div>
     <div class="row justify-end q-px-md q-mb-xs">
       <q-btn
         flat
@@ -78,6 +79,7 @@
 <script setup>
 import { ref, watch } from "vue";
 import DefaultHeaderPage from "src/components/layout/DefaultHeaderPage.vue";
+import DevBanner from "src/components/shared/DevBanner.vue";
 import FinancialCard from "src/components/financial/FinancialCard.vue";
 import TreasuryCard from "src/components/financial/TreasuryCard.vue";
 import LastTransactionsCard from "src/components/financial/LastTransactionsCard.vue";

src/pages/financial/InvoiceIssuancePage.vue

@@ -2,6 +2,7 @@
   <div>
     <DefaultHeaderPage title="Emissão de Notas" :show-filter-icon="false" />
 
+    <div class="q-px-md"><DevBanner /></div>
     <div class="q-px-md">
       <DefaultTable
         v-model:rows="rows"
@@ -31,6 +32,7 @@
 <script setup>
 import { ref } from "vue";
 import DefaultHeaderPage from "src/components/layout/DefaultHeaderPage.vue";
+import DevBanner from "src/components/shared/DevBanner.vue";
 import DefaultTable from "src/components/defaults/DefaultTable.vue";
 
 const rows = ref([]);

src/pages/financial/TreasuryPage.vue

@@ -2,6 +2,7 @@
   <div>
     <DefaultHeaderPage title="Tesouraria" :show-filter-icon="false" />
 
+    <div class="q-px-md"><DevBanner /></div>
     <div class="row q-pa-md q-gutter-md">
       <FinancialCard
         v-for="bank in banks"
@@ -34,6 +35,7 @@
 <script setup>
 import { ref } from "vue";
 import DefaultHeaderPage from "src/components/layout/DefaultHeaderPage.vue";
+import DevBanner from "src/components/shared/DevBanner.vue";
 import DefaultTable from "src/components/defaults/DefaultTable.vue";
 import FinancialCard from "src/components/financial/FinancialCard.vue";