Merge pull request #3480 from superhero-com/feature/refactor-transact…

…ion-details-page refactor: adjust transaction details page
superhero-com · Feb 5, 2025 · 0eaaf6c · 0eaaf6c
2 parents 92fffaa + 238e022
commit 0eaaf6c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/popup/components/DetailsItem.vue b/src/popup/components/DetailsItem.vue
@@ -112,13 +112,16 @@ export default defineComponent({
   .value {
     @extend %face-sans-15-regular;
 
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+    align-items: center;
     letter-spacing: 0.05em;
     color: rgba($color-white, 0.85);
     margin-bottom: 8px;
 
     .secondary {
       color: $color-grey-light;
-      margin-left: 4px;
       white-space: nowrap;
     }
 

diff --git a/src/protocols/aeternity/views/TransactionDetails.vue b/src/protocols/aeternity/views/TransactionDetails.vue
@@ -443,9 +443,14 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
+@use '@/styles/variables' as *;
 @use '@/styles/typography';
 @use '@/styles/mixins';
 
+.ion-content-bg {
+  background-color: $color-bg-4;
+}
+
 .transaction-details {
   .tip-url {
     width: 100%;