From 6bbe2b2c61ae7b4a23ed6a939792417da7bc9203 Mon Sep 17 00:00:00 2001
From: alisa <alisa@side.one>
Date: Tue, 25 Apr 2023 18:27:46 +0800
Subject: [PATCH] feat: float alignment

---
 src/components/CardStatisticsVertical.vue | 8 +++-----
 src/modules/[chain]/index.vue             | 4 +---
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/components/CardStatisticsVertical.vue b/src/components/CardStatisticsVertical.vue
index e9362935..796fa7a6 100644
--- a/src/components/CardStatisticsVertical.vue
+++ b/src/components/CardStatisticsVertical.vue
@@ -16,8 +16,8 @@ const isPositive = controlledComputed(() => props.change, () => Math.sign(props.
 </script>
 
 <template>
-  <VCard>
-    <VCardText class="d-flex align-center justify-center">
+  <VCard class="h-full flex-col content-between">
+    <VCardText class="d-flex align-center justify-between">
       <VAvatar
         v-if="props.icon"
         rounded
@@ -31,8 +31,6 @@ const isPositive = controlledComputed(() => props.change, () => Math.sign(props.
         />
       </VAvatar>
 
-      <VSpacer />
-
       <div
         v-if="props.change"
         :class="isPositive ? 'text-success' : 'text-error'"
@@ -44,7 +42,7 @@ const isPositive = controlledComputed(() => props.change, () => Math.sign(props.
       </div>
     </VCardText>
 
-    <VCardText>
+    <VCardText class="d-flex flex-col">
       <h6 class="text-h6 me-2 mt-2 mb-1">
         {{ props.stats }}
       </h6>
diff --git a/src/modules/[chain]/index.vue b/src/modules/[chain]/index.vue
index 4e5542a5..3282d129 100644
--- a/src/modules/[chain]/index.vue
+++ b/src/modules/[chain]/index.vue
@@ -132,9 +132,7 @@ function shortName(name: string, id: string) {
 
     <VRow>
       <VCol v-for="item in store.stats" cols="12" sm="6" md="2">
-        <VCard>
-          <CardStatisticsVertical v-bind="item" />
-        </VCard>
+        <CardStatisticsVertical v-bind="item" />
       </VCol>
     </VRow>