瀏覽代碼

feat: :sparkles: feat(alinha opções da oportunidades) Foi criado uma div completa para poder alinhas as informações do card

Foi criado uma div com as opções de span para alinha o card de bem vindo da parte do cliente onde mostra o endereço do mesmo ficando tudo alinhado de acordo com o figma

fase:dev | origin:escopo
kayo henrique 2 周之前
父節點
當前提交
b45871c452
共有 1 個文件被更改,包括 23 次插入6 次删除
  1. 23 6
      src/components/dashboard/DashboardSummaryInfos.vue

+ 23 - 6
src/components/dashboard/DashboardSummaryInfos.vue

@@ -8,9 +8,18 @@
             <span v-else>{{ data?.name?.slice(0, 2).toUpperCase() ?? '??' }}</span>
           </q-avatar>
           <div class="column q-gutter-y-xs min-width-0">
-            <span class="summary-greeting text-greeting font12 fontemedium">{{ $t('dashboard_client.summary.welcome') }}</span>
-            <span class="summary-name text-name text-primary font16 fontbold">{{ data?.name ?? $t('dashboard_client.summary.welcome') }}</span>
-          </div>
+  <span class="summary-greeting text-greeting font12 fontemedium">
+    {{ $t('dashboard_client.summary.welcome') }}
+  </span>
+
+  <span class="summary-name text-name text-primary font16 fontbold">
+    {{ data?.name ?? $t('dashboard_client.summary.welcome') }}
+  </span>
+
+  <span class="summary-address font10 fontmedium text-text">
+    {{ formatAddress(data.address) }}
+  </span>
+</div>
         </div>
         <div class="column items-end q-gutter-y-xs col-auto">
           <span class="summary-label font12 fontbold text-grey-6">{{ $t('dashboard_client.summary.my_schedules') }}</span>
@@ -21,10 +30,10 @@
         </div>
       </div>
 
-      <div class="row items-center justify-between no-wrap q-mt-xs">
-        <div class="summary-address font8 fontmedium text-text ellipsis col">
+      <div class="row items-center justify-between no-wrap summary-address-row">
+        <!-- <div class="summary-address font10 fontmedium text-text col">
           {{ formatAddress(data.address) }}
-        </div>
+        </div> -->
         <!-- <q-icon name="mdi-chevron-down" color="secondary" size="18px" class="col-auto" /> -->
       </div>
     </q-card-section>
@@ -52,8 +61,16 @@ const avatarStyle = {
   color: #3a3a4a;
 }
 .summary-address {
+  color: #7c7c7c;
+  font-size: 10px;
+  line-height: 14px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  max-width: 100%;
+}
+
+.min-width-0 {
+  min-width: 0;
 }
 </style>