1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 23:44:56 +01:00
metamask-extension/ui/components/app/collectibles-items/index.scss
Alex Donesky 3a31326199
Add fallback image/card for NFTs when image was not fetched correctly or does not exist (#15034)
* add fallback image/card for collectibles when image was not fetched correctly or does not exist

* UI and storybook updates (#15071)

* UI and storybook updates

* Adding break so token id is displayed

* subtle border fix

* Updating content

* Removing unused image

* Adding proptype descriptions

* Lint fix

Co-authored-by: George Marshall <george.marshall@consensys.net>
2022-06-30 08:46:38 -07:00

60 lines
955 B
SCSS

.collectibles-items {
&__collection {
margin-bottom: 24px;
&-accordion-title {
cursor: pointer;
}
&-wrapper {
background-color: transparent;
border: 0;
width: 100%;
}
&-image {
width: 32px;
height: 32px;
border-radius: 50%;
}
&-image-alt {
border-radius: 50%;
width: 32px;
height: 32px;
padding: 8px;
background: var(--color-overlay-alternative);
color: var(--color-overlay-inverse);
text-align: center;
}
}
&__item-wrapper {
align-self: center;
&__card {
overflow: hidden;
}
}
&__item {
border-radius: 4px;
width: 100%;
display: flex;
justify-content: center;
cursor: pointer;
align-self: center;
&-image {
border-radius: 4px;
width: 100%;
height: 100%;
cursor: pointer;
}
}
&__icon-chevron {
color: var(--color-icon-default);
}
}