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

View File

@ -147,6 +147,8 @@ Item {
Component {
id: advancedTab
ColumnLayout {
id: advancedTabColumn
spacing: 8
StatusListItem {
Layout.fillWidth: true
@ -197,7 +199,7 @@ Item {
Layout.fillWidth: true
Layout.preferredHeight: 64
Layout.topMargin: 18
Layout.bottomMargin: 18
Layout.bottomMargin: -6
StatusBaseText {
Layout.fillWidth: true
text: qsTr("Token lists")
@ -206,6 +208,7 @@ Item {
StatusBaseText {
Layout.alignment: Qt.AlignRight
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
}
}