Small visual changes

Signed-off-by: Martin Dobrev <[email protected]>
hashgraph · Jun 26, 2024 · 3e523ea · 3e523ea
1 parent d4f78a6
commit 3e523ea
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/front-end/src/renderer/components/Transaction/TransactionIdControls.vue b/front-end/src/renderer/components/Transaction/TransactionIdControls.vue
@@ -98,7 +98,10 @@ const columnClass = 'col-4 col-xxxl-3';
   <div class="row flex-wrap align-items-end">
     <div class="form-group" :class="[columnClass]">
       <label class="form-label">Payer ID <span class="text-danger">*</span></label>
-      <label v-if="account.isValid.value" class="d-block form-label text-secondary"
+      <label v-if="account.accountInfo.value?.deleted" class="d-block form-label text-danger me-3"
+        ><span class="bi bi-exclamation-triangle-fill me-1"></span> Account is deleted</label
+      >
+      <label v-else-if="account.isValid.value" class="d-block form-label text-secondary"
         >Balance:
         {{ stringifyHbar((account.accountInfo.value?.balance as Hbar) || new Hbar(0)) }}</label
       >

diff --git a/front-end/src/renderer/components/TransferCard.vue b/front-end/src/renderer/components/TransferCard.vue
@@ -132,12 +132,12 @@ watch([amount, accountData.isValid], async ([newAmount]) => {
   <div class="border rounded overflow-hidden p-4">
     <form @submit="handleSubmit">
       <div class="form-group overflow-hidden position-relative">
-        <label class="form-label mb-0 me-3">{{ accountLabel }}</label>
-        <label v-if="accountData.accountInfo.value?.deleted" class="form-label text-secondary me-3"
-          >Account is deleted</label
+        <label class="form-label me-3">{{ accountLabel }}</label>
+        <label v-if="accountData.accountInfo.value?.deleted" class="form-label text-danger me-3"
+          ><span class="bi bi-exclamation-triangle-fill me-1"></span> Account is deleted</label
         >
         <label
-          v-if="showBalanceInLabel && accountData.isValid.value"
+          v-else-if="showBalanceInLabel && accountData.isValid.value"
           class="form-label text-secondary"
           >Balance:
           {{
@@ -157,7 +157,7 @@ watch([amount, accountData.isValid], async ([newAmount]) => {
         />
       </div>
       <div class="form-group mt-4">
-        <label class="form-label mb-0 me-3">Amount {{ HbarUnit.Hbar._symbol }}</label>
+        <label class="form-label me-3">Amount {{ HbarUnit.Hbar._symbol }}</label>
         <label v-if="spender?.trim() && isApprovedTransfer" class="form-label text-secondary"
           >Allowance: {{ stringifyHbar(accountData.getSpenderAllowance(spender)) }}</label
         >