diff --git a/ui/app/AppLayouts/Onboarding/panels/AccountMenuItemPanel.qml b/ui/app/AppLayouts/Onboarding/panels/AccountMenuItemPanel.qml index 689f13df04..0ecb879939 100644 --- a/ui/app/AppLayouts/Onboarding/panels/AccountMenuItemPanel.qml +++ b/ui/app/AppLayouts/Onboarding/panels/AccountMenuItemPanel.qml @@ -58,6 +58,8 @@ MenuItem { image: root.image colorId: root.colorId colorHash: root.colorHash + imageHeight: Constants.onboarding.userImageHeight + imageWidth: Constants.onboarding.userImageWidth } } diff --git a/ui/app/AppLayouts/Onboarding/views/LoginView.qml b/ui/app/AppLayouts/Onboarding/views/LoginView.qml index 6c529e0d76..f45dbb43df 100644 --- a/ui/app/AppLayouts/Onboarding/views/LoginView.qml +++ b/ui/app/AppLayouts/Onboarding/views/LoginView.qml @@ -175,7 +175,7 @@ Item { id: title Layout.alignment: Qt.AlignHCenter font.weight: Font.Bold - font.pixelSize: Constants.keycard.general.fontSize1 + font.pixelSize: Constants.onboarding.titleFontSize color: Theme.palette.directColor1 } @@ -184,6 +184,7 @@ Item { height: userImage.height width: 318 Layout.alignment: Qt.AlignHCenter + Layout.topMargin: Style.current.xlPadding UserImage { id: userImage @@ -192,6 +193,8 @@ Item { colorId: root.startupStore.selectedLoginAccount.colorId colorHash: root.startupStore.selectedLoginAccount.colorHash anchors.left: parent.left + imageHeight: Constants.onboarding.userImageHeight + imageWidth: Constants.onboarding.userImageWidth } StatusBaseText { @@ -228,6 +231,7 @@ Item { id: changeAccountBtn objectName: "loginChangeAccountButton" icon.name: "chevron-down" + icon.rotation: accountsPopup.opened ? 180 : 0 type: StatusFlatRoundButton.Type.Tertiary width: 24 height: 24 @@ -238,7 +242,10 @@ Item { if (accountsPopup.opened) { accountsPopup.close() } else { - accountsPopup.popup(userInfo, 0, userInfo.height+4) + accountsPopup.popup( + userInfo, + (userInfo.width - accountsPopup.width) / 2, + userInfo.height + Style.current.halfPadding) } } } @@ -246,7 +253,7 @@ Item { StatusPopupMenu { id: accountsPopup closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutsideParent - width: parent.width + width: parent.width + Style.current.bigPadding dim: false Repeater { id: accounts diff --git a/ui/imports/utils/Constants.qml b/ui/imports/utils/Constants.qml index 2fe33261d2..7d9a4cda8f 100644 --- a/ui/imports/utils/Constants.qml +++ b/ui/imports/utils/Constants.qml @@ -126,6 +126,12 @@ QtObject { readonly property int inactive: 4 } + readonly property QtObject onboarding: QtObject { + readonly property int userImageWidth: 40 + readonly property int userImageHeight: 40 + readonly property int titleFontSize: 17 + } + readonly property QtObject onlineStatus: QtObject{ readonly property int inactive: 0 readonly property int online: 1