diff --git a/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft-item/nft-item.component.less b/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft-item/nft-item.component.less index dd0b132a3..63e613046 100644 --- a/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft-item/nft-item.component.less +++ b/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft-item/nft-item.component.less @@ -7,7 +7,7 @@ .info { position: relative; display: flex; - padding: 1rem 0; + padding: 0.687rem 0; justify-content: space-between; } diff --git a/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft-list/nft-list.component.html b/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft-list/nft-list.component.html index ff71f17d6..99650e749 100644 --- a/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft-list/nft-list.component.html +++ b/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft-list/nft-list.component.html @@ -1,60 +1,64 @@

Top NFTs

-
- @for (nft of nfts; track $index) { - - } -
+

{{ nft.name }}

+

+ {{ nft.price | tuiAmount: 'USD' | async }} +

+
+ + } + +

Recent bought NFTs

-
- @for (nft of nfts; track $index) { - - } -
+

{{ nft.name }}

+

+ {{ nft.price | tuiAmount: 'USD' | async }} +

+
+ + } + + diff --git a/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft-list/nft-list.component.less b/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft-list/nft-list.component.less index 4ec0479ce..3224e1932 100644 --- a/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft-list/nft-list.component.less +++ b/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft-list/nft-list.component.less @@ -9,13 +9,11 @@ justify-content: space-around; padding: 1rem; gap: 0.5rem; - overflow: visible; max-width: 100%; } .info { display: flex; - overflow: hidden; flex-direction: column; gap: 0.5rem; } @@ -27,7 +25,6 @@ } .card-nft[tuiCardLarge][data-space] { - overflow: hidden; padding: 0; height: 9rem; width: 7.5rem; diff --git a/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft-list/nft-list.component.ts b/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft-list/nft-list.component.ts index 782fd3fa6..4a00a03d4 100644 --- a/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft-list/nft-list.component.ts +++ b/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft-list/nft-list.component.ts @@ -7,7 +7,7 @@ import { Output, } from '@angular/core'; import {TuiAmountPipe} from '@taiga-ui/addon-commerce'; -import {TuiAppearance, TuiSurface, TuiTitle} from '@taiga-ui/core'; +import {TuiAppearance, TuiScrollbar, TuiSurface, TuiTitle} from '@taiga-ui/core'; import {TuiAvatar} from '@taiga-ui/kit'; import {TuiCardLarge, TuiHeader} from '@taiga-ui/layout'; @@ -24,6 +24,7 @@ import {NftService} from '../nft.service'; TuiAvatar, TuiCardLarge, TuiHeader, + TuiScrollbar, TuiSurface, TuiTitle, ], diff --git a/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft.component.html b/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft.component.html index a8abe3a7b..469f38817 100644 --- a/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft.component.html +++ b/apps/taiga-lumbermill/src/dashboards/crypto/components/nft/nft.component.html @@ -1,6 +1,7 @@