1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-22 11:22:43 +02:00
metamask-extension/ui/components/app/token-list-display/token-list-display.scss
MG 3301fd8121
Feat/hide 0 balances (#13306)
* Added token list functional component

* Added list - img not showing up

* Changed render list

* Removed unused code

* Clean up

* Lint

* Linted

* Add newline

* Filter out isERC721

* Added token list

* Cleaned up style

* Fixed typography

* Fixed lint

* Fixed spacing measure

* Lint cleanup
2022-02-02 12:32:16 +01:00

46 lines
654 B
SCSS

.loading-span {
display: flex;
height: 250px;
align-items: center;
justify-content: center;
padding: 32px;
}
.token-list-item {
padding: 8px;
display: flex;
flex-flow: row nowrap;
align-items: center;
cursor: pointer;
padding: 8px;
&:hover {
background-color: rgba($alto, 0.2);
}
&__data {
margin-left: 8px;
}
&__symbol {
@include Paragraph;
line-height: 140%;
margin-bottom: 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
&__balance {
@include H7;
display: flex;
flex-flow: row nowrap;
}
&__balance__label {
margin-right: 4px;
}
}