-
+
{{ transactionText }}
@@ -33,6 +33,11 @@ export default {
hideCaption: {
type: Boolean,
default: false
+ },
+
+ size: {
+ type: String,
+ default: 'medium'
}
},
@@ -105,6 +110,10 @@ export default {
const transactionDescriptor = `transactionDescriptor_${transactionType}`;
return this.$store.getters['ui/getNameByKey'](transactionDescriptor);
+ },
+
+ iconSizeClass() {
+ return 'icon-' + this.size;
}
},
@@ -124,11 +133,20 @@ export default {
display: flex;
.icon {
- margin-right: 10px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ .icon-small {
+ height: 12px;
+ width: 12px;
+ margin-right: 4px;
+ }
- img {
+ .icon-medium {
height: 32px;
width: 32px;
+ margin-right: 10px;
}
}
diff --git a/src/components/graphics/GraphicComponent.vue b/src/components/graphics/GraphicComponent.vue
index e7dafd2b7..f0d8a2f93 100644
--- a/src/components/graphics/GraphicComponent.vue
+++ b/src/components/graphics/GraphicComponent.vue
@@ -212,9 +212,7 @@ export default {
},
getMosaicName(mosaic) {
- return mosaic.mosaicAliasName !== 'N/A'
- ? mosaic.mosaicAliasName
- : mosaic.mosaicId;
+ return helper.getMosaicName(mosaic);
},
getMosaicTitle(mosaic) {
diff --git a/src/components/layout/Header.vue b/src/components/layout/Header.vue
index f4b6c09c0..3ffd0be7f 100644
--- a/src/components/layout/Header.vue
+++ b/src/components/layout/Header.vue
@@ -1,17 +1,23 @@
-