|
|
@@ -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>
|