Просмотр исходного кода

fix style: botoes dos detalhes de uma oportunidade

Gustavo Zanatta 3 дней назад
Родитель
Сommit
069073b9d9
1 измененных файлов с 20 добавлено и 22 удалено
  1. 20 22
      src/pages/opportunities/components/OpportunityDetailsDialog.vue

+ 20 - 22
src/pages/opportunities/components/OpportunityDetailsDialog.vue

@@ -204,26 +204,28 @@
         />
       </div>
 
-      <q-btn
-        class="refuse-btn"
-        flat
-        label="Recusar oportunidade"
-        no-caps
-        rounded
-        @click="openRefuseDialog"
-      />
-
-      <!-- ALERTA -->
-      <div class="alert-box font12">
-        <q-icon
-          class="alert-icon"
-          name="warning"
-          size="18px"
+      <div class="q-px-md">
+        <q-btn
+          class="refuse-btn font11 fontsemibold full-width"
+          flat
+          label="Recusar oportunidade"
+          no-caps
+          rounded
+          @click="openRefuseDialog"
         />
 
-        <span class="alert-text">
-          {{ $t('provider.dashboard.opportunity_details.alert_text') }}
-        </span>
+        <!-- ALERTA -->
+        <div class="alert-box font12">
+          <q-icon
+            class="alert-icon"
+            name="warning"
+            size="18px"
+          />
+
+          <span class="alert-text">
+            {{ $t('provider.dashboard.opportunity_details.alert_text') }}
+          </span>
+        </div>
       </div>
     </div>
   </q-dialog>
@@ -586,12 +588,8 @@ onMounted(async () => {
 
 .refuse-btn {
   width: 100%;
-  height: 52px;
   margin-top: 12px;
   color: #ff4d67;
-  font-size: 15px;
-  font-weight: 600;
-  background: white;
   border: 1px solid #ff4d67;
   border-radius: 28px;
 }