refactor: ellipsis title & tooltip on card

2024-11-11 12:10:28 +07:00 · 2024-11-11 12:10:28 +07:00 · dc86377208
commit dc86377208
parent ed56228964
3 changed files with 11 additions and 2 deletions
--- a/src/components/01_branch-management/BranchCard.vue
+++ b/src/components/01_branch-management/BranchCard.vue
@ -59,7 +59,10 @@ defineProps<{
        </q-img>
      </div>
      <div class="branch-card__name flex justify-center q-ml-sm">
-        <b>{{ data.branchLabelName }}</b>
+        <b class="ellipsis-2-lines">
+          {{ data.branchLabelName }}
+          <q-tooltip>{{ data.branchLabelName }}</q-tooltip>
+        </b>
        <small class="branch-card__code" v-if="data.branchLabelCode">
          {{ data.branchLabelCode }}
        </small>