mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
925a19fa4a
This reverts commit f09ab8889148c406551dea1643966e3331fde4aa, reversing changes made to effc761e0ee4ea7ffb77f275b5ed650a7098d6f8. This is being temporarily reverted to make it easier to release an urgent fix for v10.15.1.
139 lines
2.1 KiB
SCSS
139 lines
2.1 KiB
SCSS
.wallet-overview {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
flex: 1;
|
|
min-height: 209px;
|
|
min-width: 0;
|
|
padding-top: 10px;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
|
|
&__balance {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
width: 100%;
|
|
}
|
|
|
|
&__buttons {
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: 68px;
|
|
margin-bottom: 24px;
|
|
}
|
|
}
|
|
|
|
%asset-buttons {
|
|
min-width: initial;
|
|
width: 100px;
|
|
|
|
&:not(:last-child) {
|
|
margin-right: 12px;
|
|
}
|
|
|
|
text-transform: uppercase;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.eth-overview {
|
|
&__balance {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-width: 0;
|
|
position: relative;
|
|
align-items: center;
|
|
margin: 16px 0;
|
|
padding: 0 16px;
|
|
max-width: 100%;
|
|
}
|
|
|
|
&__primary-container {
|
|
display: flex;
|
|
}
|
|
|
|
&__primary-balance {
|
|
@include H2;
|
|
|
|
color: var(--color-text-default);
|
|
width: 100%;
|
|
justify-content: center;
|
|
}
|
|
|
|
&__cached-star {
|
|
margin-left: 4px;
|
|
}
|
|
|
|
&__cached-balance,
|
|
&__cached-star {
|
|
color: var(--color-secondary-default);
|
|
}
|
|
|
|
&__cached-secondary-balance {
|
|
@include Paragraph;
|
|
|
|
color: var(--color-secondary-muted);
|
|
}
|
|
|
|
&__secondary-balance {
|
|
@include Paragraph;
|
|
|
|
color: var(--color-text-alternative);
|
|
}
|
|
|
|
&__button {
|
|
margin-right: 24px;
|
|
}
|
|
|
|
&__button:last-of-type {
|
|
margin-right: 0;
|
|
}
|
|
|
|
&__circle {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 36px;
|
|
width: 36px;
|
|
background: var(--color-primary-default);
|
|
border-radius: 18px;
|
|
margin-top: 6px;
|
|
}
|
|
}
|
|
|
|
.token-overview {
|
|
&__balance {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-width: 0;
|
|
position: relative;
|
|
align-items: center;
|
|
margin: 16px 0;
|
|
padding: 0 16px;
|
|
max-width: 100%;
|
|
}
|
|
|
|
&__primary-balance {
|
|
@include H2;
|
|
|
|
color: var(--color-text-default);
|
|
width: 100%;
|
|
justify-content: center;
|
|
}
|
|
|
|
&__secondary-balance {
|
|
@include H5;
|
|
|
|
color: var(--color-text-alternative);
|
|
}
|
|
|
|
&__button {
|
|
margin-right: 24px;
|
|
}
|
|
|
|
&__button:last-of-type {
|
|
margin-right: 0;
|
|
}
|
|
}
|