|
|
@ -18,12 +18,13 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and ( |
|
|
|
white-space: nowrap; |
|
|
|
white-space: nowrap; |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
text-overflow: ellipsis; |
|
|
|
text-overflow: ellipsis; |
|
|
|
flex: 1; |
|
|
|
min-width: 0; |
|
|
|
|
|
|
|
max-width: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&__token-balance, &__token-symbol { |
|
|
|
&__token-balance, &__token-symbol { |
|
|
|
font-size: 1.5rem; |
|
|
|
font-size: 1.5rem; |
|
|
|
display: inline-flex; |
|
|
|
flex: 0 0 auto; |
|
|
|
|
|
|
|
|
|
|
|
@media #{$wallet-balance-breakpoint-range} { |
|
|
|
@media #{$wallet-balance-breakpoint-range} { |
|
|
|
font-size: 95%; |
|
|
|
font-size: 95%; |
|
|
@ -72,10 +73,10 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and ( |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&__balance-wrapper { |
|
|
|
&__balance-wrapper { |
|
|
|
flex: 1 1 auto; |
|
|
|
flex: 1; |
|
|
|
|
|
|
|
flex-flow: row wrap; |
|
|
|
|
|
|
|
display: flex; |
|
|
|
min-width: 0; |
|
|
|
min-width: 0; |
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|