Merge pull request #2102 from dusk-network/feature-2101

web-wallet: Fix Transactions component whitespaces
dusk-network · Aug 12, 2024 · db9bf46 · db9bf46
2 parents ca2b5a7 + 1705cb6
commit db9bf46
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 13 deletions.
diff --git a/web-wallet/src/lib/components/Transactions/Transactions.svelte b/web-wallet/src/lib/components/Transactions/Transactions.svelte
@@ -187,7 +187,7 @@
       }
 
       &__loading-container {
-        margin: 1em auto;
+        margin: 1.25em 0;
       }
 
       &__datum {
@@ -216,6 +216,7 @@
         flex-direction: column;
         align-items: center;
         gap: 0.5em;
+        margin: 1.25em 0;
       }
 
       &__badge {

diff --git a/web-wallet/src/lib/components/__tests__/__snapshots__/Transactions.spec.js.snap b/web-wallet/src/lib/components/__tests__/__snapshots__/Transactions.spec.js.snap
@@ -2,10 +2,10 @@
 
 exports[`Transactions > renders the correct amount of Transactions, as the limit supplied 1`] = `
 <article
-  class="transactions svelte-1xfwm7e"
+  class="transactions svelte-mwi4ip"
 >
   <header
-    class="transactions__header svelte-1xfwm7e"
+    class="transactions__header svelte-mwi4ip"
   >
     <h3
       class="h4"
@@ -256,10 +256,10 @@ exports[`Transactions > renders the correct amount of Transactions, as the limit
 
 exports[`Transactions > renders transactions correctly when items are fulfilled 1`] = `
 <article
-  class="transactions svelte-1xfwm7e"
+  class="transactions svelte-mwi4ip"
 >
   <header
-    class="transactions__header svelte-1xfwm7e"
+    class="transactions__header svelte-mwi4ip"
   >
     <h3
       class="h4"

diff --git a/web-wallet/src/routes/(app)/dashboard/__tests__/__snapshots__/page.spec.js.snap b/web-wallet/src/routes/(app)/dashboard/__tests__/__snapshots__/page.spec.js.snap
@@ -333,10 +333,10 @@ exports[`Dashboard > should render a card when there is an error getting transac
   </article>
    
   <article
-    class="transactions svelte-1xfwm7e"
+    class="transactions svelte-mwi4ip"
   >
     <header
-      class="transactions__header svelte-1xfwm7e"
+      class="transactions__header svelte-mwi4ip"
     >
       <h3
         class="h4"
@@ -719,10 +719,10 @@ exports[`Dashboard > should render the dashboard page and show a throbber while
   </article>
    
   <article
-    class="transactions svelte-1xfwm7e"
+    class="transactions svelte-mwi4ip"
   >
     <header
-      class="transactions__header svelte-1xfwm7e"
+      class="transactions__header svelte-mwi4ip"
     >
       <h3
         class="h4"
@@ -1110,10 +1110,10 @@ exports[`Dashboard > should render the dashboard page with the transactions afte
   </article>
    
   <article
-    class="transactions svelte-1xfwm7e"
+    class="transactions svelte-mwi4ip"
   >
     <header
-      class="transactions__header svelte-1xfwm7e"
+      class="transactions__header svelte-mwi4ip"
     >
       <h3
         class="h4"

diff --git a/web-wallet/src/routes/(app)/dashboard/transactions/__tests__/__snapshots__/page.spec.js.snap b/web-wallet/src/routes/(app)/dashboard/transactions/__tests__/__snapshots__/page.spec.js.snap
@@ -66,10 +66,10 @@ exports[`Dashboard > should render the transactions page 1`] = `
   </article>
    
   <article
-    class="transactions svelte-1xfwm7e"
+    class="transactions svelte-mwi4ip"
   >
     <header
-      class="transactions__header svelte-1xfwm7e"
+      class="transactions__header svelte-mwi4ip"
     >
       <h3
         class="h4"