[FIX] change font and more

PoCInnovation · Jul 9, 2024 · 41e9bf9 · 41e9bf9
1 parent e31155a
commit 41e9bf9
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/src/components/transaction/transaction.vue b/src/components/transaction/transaction.vue
@@ -6,8 +6,21 @@
             <svg style="fill: #33BF41" v-else xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M384 352c-17.7 0-32 14.3-32 32s14.3 32 32 32H544c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32s-32 14.3-32 32v82.7L342.6 137.4c-12.5-12.5-32.8-12.5-45.3 0L192 242.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0L320 205.3 466.7 352H384z"/></svg>
         </div>
         <div class="info">
-            <h4 v-if="fromMe">Sent {{ transInfos.value }} {{ transInfos.devise }}</h4>
-            <h4 v-else>Received {{ transInfos.value }} {{ transInfos.devise }}</h4>
+            <h4 v-if="fromMe">
+                <template v-if="Number(transInfos.value) < 0.0000000001 && Number(transInfos.value) != 0">
+                    Sent > 0.0000000001 {{ transInfos.devise }}
+                </template>
+                <template v-else>
+                    Sent {{ transInfos.value }} {{ transInfos.devise }}
+                </template></h4>
+            <h4 v-else>
+                <template v-if="Number(transInfos.value) < 0.0000000001 && Number(transInfos.value) != 0">
+                    Received > 0.0000000001 {{ transInfos.devise }}
+                </template>
+                <template v-else>
+                    Received {{ transInfos.value }} {{ transInfos.devise }}
+                </template>
+            </h4>
             <h5 v-if="fromMe">{{ transInfos.date }} to {{ reduceHashSize(transInfos.to) }}</h5>
             <h5 v-else>{{ transInfos.date }} from {{ reduceHashSize(transInfos.from) }}</h5>
         </div>
@@ -200,7 +213,7 @@ onMounted(() => {
 }
 
 .info h4 {
-    font-size: 22px;
+    font-size: 20px;
     color: white;
 }
 

diff --git a/src/components/transaction/transactions_container.vue b/src/components/transaction/transactions_container.vue
@@ -161,8 +161,9 @@ main.transactions {
     width: 100%;
     height: 70px;
     color: white;
-    font-size: 40px;
+    font-size: 30px;
     margin-bottom: 10px;
+    margin-left: 25px;
     padding: 20px 0 20px 10px;
 }