diff --git a/package.json b/package.json index 4438274c3..fbc8deac8 100644 --- a/package.json +++ b/package.json @@ -17,8 +17,9 @@ }, "main": "src/main.ts", "dependencies": { + "@formatjs/intl-displaynames": "^3.3.4", "@linusborg/vue-simple-portal": "^0.1.4", - "@nimiq/hub-api": "^1.2.0", + "@nimiq/hub-api": "^1.2.5", "@nimiq/iqons": "^1.5.2", "@nimiq/network-client": "^0.5.0", "@nimiq/style": "^0.8.2", diff --git a/src/App.vue b/src/App.vue index 40464a387..55da52fcb 100644 --- a/src/App.vue +++ b/src/App.vue @@ -106,7 +106,7 @@ export default defineComponent({ overflow: hidden; // To prevent horizontal scrollbars during panel sliding /* Default: >= 1500px */ - --sidebar-width: 23rem; + --sidebar-width: 24rem; --account-column-width: 70rem; --address-column-width: 150rem; diff --git a/src/components/AccountMenu.vue b/src/components/AccountMenu.vue index c80f96cb4..019164a58 100644 --- a/src/components/AccountMenu.vue +++ b/src/components/AccountMenu.vue @@ -324,10 +324,9 @@ export default defineComponent({ .menu .item { align-items: center; - line-height: 3.75rem; + line-height: 1.2; width: 100%; - padding: 0.625rem 1.25rem; - white-space: nowrap; + padding: 1.125rem 1.25rem; border-radius: 0.5rem; color: var(--text-70); @@ -354,6 +353,7 @@ export default defineComponent({ .menu .item .alert { margin-left: auto; + flex-shrink: 0; font-size: 2.5rem; color: var(--nimiq-orange); } @@ -362,6 +362,7 @@ export default defineComponent({ width: 2.75rem; height: 3rem; margin: -0.125rem 1rem -0.125rem 0; + flex-shrink: 0; opacity: 0.6; } diff --git a/src/components/MobileActionBar.vue b/src/components/MobileActionBar.vue index a3057b5a6..4bf2a714f 100644 --- a/src/components/MobileActionBar.vue +++ b/src/components/MobileActionBar.vue @@ -1,13 +1,13 @@ @@ -41,11 +41,31 @@