refactor(WalletBalance): class refactoring

Adamant-im · Mar 7, 2024 · 8bd3f12 · 8bd3f12
1 parent 8fad42d
commit 8bd3f12
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/src/components/wallets/WalletBalance.vue b/src/components/wallets/WalletBalance.vue
@@ -1,6 +1,15 @@
 <template>
-  <div class="px-0" :class="[classes.root, balance === 0 && 'justify-center']">
-    <p :class="[classes.statusTitle, balance === 0 && 'a-text-explanation']" class="text-end">
+  <div
+    class="px-0"
+    :class="{
+      [classes.root]: true,
+      'justify-center': balance === 0
+    }"
+  >
+    <p
+      :class="{ [classes.statusTitle]: true, 'a-text-explanation': balance === 0 }"
+      class="text-end"
+    >
       {{ xs ? calculatedBalance : calculatedFullBalance }}
       <v-tooltip
         v-if="xs && calculatedFullBalance.toString().length > SIGNIFICANT_DIGITS"