feat: float alignment

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>

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>