feat: muda layout de produtos

src/pages/products/components/AddEditStockProductDialog.vue

@@ -12,16 +12,11 @@
               <DefaultInput
                 :model-value="product.name"
                 label="Nome do Produto"
-                class="col-9"
+                class="col-12"
                 disable
                 readonly
               />
 
-              <div class="col-3 flex flex-center column items-center justify-center">
-                <div class="text-h5 text-weight-bold text-dark">{{ product.quantity }}</div>
-                <div class="text-caption text-grey-6">em estoque</div>
-              </div>
-
               <DefaultInput
                 :model-value="product.description"
                 label="Descrição"
@@ -35,7 +30,15 @@
               <DefaultInput
                 :model-value="formatToBRLCurrency(product.price_sale)"
                 label="Valor Unitário"
-                class="col-12"
+                class="col-6"
+                disable
+                readonly
+              />
+
+              <DefaultInput
+                :model-value="String(product.quantity)"
+                label="Estoque Atual"
+                class="col-6"
                 disable
                 readonly
               />

src/pages/products/components/ProductCard.vue

@@ -8,7 +8,6 @@
           </span>
           <div class="row items-center" style="gap: 8px">
             <q-badge
-              v-if="!expanded"
               color="secondary"
               text-color="black"
               :label="currentStock"
@@ -33,12 +32,8 @@
           <span class="text-body2">
             Valor: {{ formatToBRLCurrency(unitPrice) }}
           </span>
-          <div class="row items-center justify-between">
-            <span class="text-body2">Estoque</span>
-            <div class="column items-end" style="gap: 2px">
-              <q-badge color="secondary" text-color="black" :label="currentStock" class="q-px-lg q-py-sm" />
-              <span class="text-body2 text-weight-bold">{{ formatToBRLCurrency(totalValue) }}</span>
-            </div>
+          <div class="row items-center justify-end">
+            <span class="text-body2 text-weight-bold">{{ formatToBRLCurrency(totalValue) }}</span>
           </div>
           <slot name="details" />
           <div class="row justify-end" style="gap: 4px; margin-top: 4px">