status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(@desktop/wallet): ensure NFT background colors are rendered correctly 

Also adjust margins of collectible items to adhere to designs.

Fixes: #3981
This commit is contained in:
Pascal Precht 2021-11-02 13:57:52 +01:00 committed by Iuri Matias
parent fdc8fea88e
commit 7fcd280fe0
3 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/modules/main/wallet_section/collectibles/collectibles/item.nim
View File

@ -48,7 +48,7 @@ proc initItem*(
result.id = id result.id = id
result.name = name result.name = name
result.imageUrl = imageUrl result.imageUrl = imageUrl
result.backgroundColor = backgroundColor result.backgroundColor = if (backgroundColor == ""): "transparent" else: ("#" & backgroundColor)
result.permalink = permalink result.permalink = permalink
result.properties = properties result.properties = properties
result.rankings = rankings result.rankings = rankings

7
ui/app/AppLayouts/Wallet/views/CollectiblesView.qml
View File

@ -58,18 +58,15 @@ Item {
id: collectionsRepeater id: collectionsRepeater
model: RootStore.collectionList model: RootStore.collectionList
delegate: StatusExpandableItem { delegate: StatusExpandableItem {
width: parent.width - 156 anchors.left: parent.left
anchors.horizontalCenter: parent.horizontalCenter anchors.right: parent.right
primaryText: model.name primaryText: model.name
image.source: model.imageUrl image.source: model.imageUrl
type: StatusExpandableItem.Type.Secondary type: StatusExpandableItem.Type.Secondary
expandableComponent: CollectibleCollectionView { expandableComponent: CollectibleCollectionView {
slug: model.slug slug: model.slug
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: Style.current.bigPadding
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: Style.current.bigPadding
onCollectibleClicked: { onCollectibleClicked: {
root.collectibleClicked(); root.collectibleClicked();
} }

1
ui/app/AppLayouts/Wallet/views/collectibles/CollectibleCollectionView.qml
View File

@ -29,6 +29,7 @@ Item {
id: contentLoader id: contentLoader
width: parent.width width: parent.width
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: 16
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
sourceComponent: root.collectiblesLoaded ? loaded : loading sourceComponent: root.collectiblesLoaded ? loaded : loading
} }