Merge remote-tracking branch 'remotes/origin/fix-diaria-kay-alteração-no-fluxo-de-cadastrado' into development

src/components/dashboard/DashboardPriceSuggest.vue

@@ -2,30 +2,75 @@
   <div class="q-mx-md q-mb-md">
     <q-card class="price-suggest-card bg-surface shadow-card card-border" :flat="false">
       <q-card-section class="q-pa-md">
-        <div class="row items-center justify-between q-mb-sm">
-          <div class="row items-center q-gutter-x-sm">
-            <span class="text-suggest-label font10">{{ $t('provider.dashboard.price_suggest.region_label_1') }}</span>
-            <span class="text-suggest-label font10 fontbold">{{ $t('provider.dashboard.price_suggest.region_label_2') }}</span>
+
+        <!-- Preço médio da região -->
+        <div class="row items-center justify-between q-mb-md">
+          <div class="column">
+            <span class="text-suggest-label font12">
+              {{ $t('provider.dashboard.price_suggest.region_label_1') }}
+            </span>
+
+            <span class="text-suggest-label font12 fontbold">
+              {{ $t('provider.dashboard.price_suggest.region_label_2') }}
+            </span>
           </div>
-          <q-badge rounded class="price-badge font10 fontbold q-px-md q-py-xs gradient-diarista-bg">
+
+          <q-badge
+            rounded
+            class="price-badge font12 fontbold q-px-md q-py-xs gradient-diarista-bg"
+          >
             {{ formatCurrency(data?.average_price ?? 0) }}
           </q-badge>
         </div>
-        <div class="row items-center justify-between no-wrap">
-          <div class="row items-center q-gutter-x-sm">
-            <span class="text-suggest-label font10">{{ $t('provider.dashboard.price_suggest.my_price_label') }}</span>
-            <q-chip class="row items-center no-wrap bg-surface" outline color="text">
-              <span class="text-my-price font10 fontsemibold q-mr-xs">{{ showMyPrice ? formatCurrency(data?.your_price ?? 0) : $t('common.price_masked') }}</span>
-              <q-btn icon="mdi-eye-off-outline" flat size="xs" color="grey-6" class="q-pa-none q-pl-sm" @click="showMyPrice = !showMyPrice"/>
+
+        <!-- Minha diária -->
+        <div class="row items-center justify-between">
+
+          <div class="column">
+            <span class="text-suggest-label font12 fontbold">
+              {{ $t('provider.dashboard.price_suggest.my_price_label') }}
+            </span>
+
+            <q-chip
+              class="row items-center no-wrap bg-surface q-mt-xs"
+              outline
+              color="text"
+            >
+              <span class="text-my-price font10 fontsemibold q-mr-xs">
+                {{
+                  showMyPrice
+                    ? formatCurrency(data?.your_price ?? 0)
+                    : $t('common.price_masked')
+                }}
+              </span>
+
+              <q-btn
+                icon="mdi-eye-off-outline"
+                flat
+                size="xs"
+                color="grey-6"
+                class="q-pa-none q-pl-sm"
+                @click="showMyPrice = !showMyPrice"
+              />
             </q-chip>
           </div>
-          <q-btn flat no-caps color="primary" size="xs" padding="0" @click="openServiceDataDialog">
+
+          <q-btn
+            flat
+            no-caps
+            color="primary"
+            size="xs"
+            padding="0"
+            @click="openServiceDataDialog"
+          >
             <div class="row items-center q-gutter-x-xs font10">
               <span class="fontbold">{{ $t('common.alter') }}</span>
               <q-icon name="mdi-pencil-outline" size="xs" />
             </div>
           </q-btn>
+
         </div>
+
       </q-card-section>
     </q-card>
   </div>
@@ -69,6 +114,23 @@ const openServiceDataDialog = () => {
 .price-badge {
   border-radius: 20px;
 }
+.text-my-price {
+  color: #3a3a4a;
+}
+
+.price-suggest-card {
+  border-radius: 12px;
+}
+
+.text-suggest-label {
+  color: #3a3a4a;
+  line-height: 1.2;
+}
+
+.price-badge {
+  border-radius: 20px;
+}
+
 .text-my-price {
   color: #3a3a4a;
 }