fix(ManageTokens): Advanced tab UI pixel perfect fixes

- Fixed spacing between `Token lists` title and list items.
- Fixed spacing between list items and `add more` box.
- Fixed highlight item when hovering `View` button.

Closes  #13395
This commit is contained in:
Noelia 2024-02-12 16:38:52 +01:00 committed by Noelia
parent 3e3452c8db
commit 98f9edb545
2 changed files with 8 additions and 3 deletions

View File

@ -38,10 +38,12 @@ StatusListView {
asset.isImage: true asset.isImage: true
border.width: 1 border.width: 1
border.color: Theme.palette.baseColor5 border.color: Theme.palette.baseColor5
highlighted: viewButton.hovered
components: [ components: [
StatusFlatButton { StatusFlatButton {
text: qsTr("View") id: viewButton
text: qsTr("View")
onClicked: keyFilter.value = model.key onClicked: keyFilter.value = model.key
} }
] ]
@ -49,7 +51,7 @@ StatusListView {
footer: Item { footer: Item {
width: parent.width width: parent.width
height: root.count > 0 ? shapeRect.implicitHeight + 40 : shapeRect.implicitHeight height: root.count > 0 ? shapeRect.implicitHeight + 20 : shapeRect.implicitHeight
ShapeRectangle { ShapeRectangle {
id: shapeRect id: shapeRect

View File

@ -147,6 +147,8 @@ Item {
Component { Component {
id: advancedTab id: advancedTab
ColumnLayout { ColumnLayout {
id: advancedTabColumn
spacing: 8 spacing: 8
StatusListItem { StatusListItem {
Layout.fillWidth: true Layout.fillWidth: true
@ -197,7 +199,7 @@ Item {
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: 64 Layout.preferredHeight: 64
Layout.topMargin: 18 Layout.topMargin: 18
Layout.bottomMargin: 18 Layout.bottomMargin: -6
StatusBaseText { StatusBaseText {
Layout.fillWidth: true Layout.fillWidth: true
text: qsTr("Token lists") text: qsTr("Token lists")
@ -206,6 +208,7 @@ Item {
StatusBaseText { StatusBaseText {
Layout.alignment: Qt.AlignRight Layout.alignment: Qt.AlignRight
text: qsTr("Last updated %1 @%2").arg(LocaleUtils.formatDate(root.tokenListUpdatedAt * 1000)).arg(LocaleUtils.formatTime(root.tokenListUpdatedAt, Locale.ShortFormat)) text: qsTr("Last updated %1 @%2").arg(LocaleUtils.formatDate(root.tokenListUpdatedAt * 1000)).arg(LocaleUtils.formatTime(root.tokenListUpdatedAt, Locale.ShortFormat))
font.pixelSize: Style.current.additionalTextSize
color: Style.current.darkGrey color: Style.current.darkGrey
} }
} }