MyCrypto/common/components/BalanceSidebar/EquivalentValues.scss
James Prado 23cdff1777 Add Symbols to Equivalent Values (#1038)
* Update styles

* Add fiat symbols

* chore(package): update webpack-dev-middleware to version 2.0.5 (#1036)

* Fix double alert on swap timeout (#1034)

* chore(package): update @types/jest to version 22.1.2 (#1037)

* Update Banners / Versions to Beta (#1040)

* update agreeement banner with beta nomenclature / styling

* update version

* remove v4 text

* adjust language

* more language

* MyEtherWallet => MyCrypto (#1041)

* MyEtherWallet => MyCrypto

Note: Knowledge base links in translations are not working due to the new knowledge base. Some links link to the MyEtherWallet Chrome Extension.

* Update consoleAdvertisement.ts

* Update consoleAdvertisement.ts

* Update en.json

* Update consoleAdvertisement.ts

* Update InsecureWalletWarning.tsx

* Update Footer to Prod Styles (#1044)

* More MEW -> MyCrypto Changes (#1043)

* Replace all language instances of MYCRYPTO LLC

* Fix disclaimer LLC

* Fix console advert link, adjust logo and make it easier to edit.

* Update coinbase URL.

* Fix trezor and ledger component links and text.

* Misc. cleanup.

* Update unlock guide at the end of generate.

* Fix onboarding translation string

* Change salt hash from mew to mycrpyto.

* chore(package): update webpack to version 3.11.0 (#1045)

* Contributor Guidelines (#1054)

* chore(package): update ts-jest to version 22.0.4 (#1053)

* fix(package): update react-markdown to version 3.2.0 (#1055)

* chore(package): update image-webpack-loader to version 4.1.0 (#1049)

* Add selfHidingImg

* Add coin & token images

* Update styles & fix undefined img path

* Update styles

* Align all symbols to left

* Use icon assets

* remove selfhidingimg
2018-02-12 18:15:27 -06:00

74 lines
1.3 KiB
SCSS

@import 'common/sass/variables';
@import 'common/sass/mixins';
.EquivalentValues {
&-header {
display: flex;
align-items: center;
margin-bottom: $space;
.Select {
flex-grow: 1;
}
}
&-spinner {
text-align: center;
padding: 1.6rem;
}
&-title {
margin: 0;
margin-right: 16px;
}
&-values {
display: flex;
flex-wrap: wrap;
&-spacer {
height: 1px;
width: 100%;
margin: 0.5rem 0rem;
margin-bottom: 0.75rem;
background-color: #ececec;
background-position: center;
background-size: 1px 1px;
}
&-currency {
min-width: 50%;
margin-bottom: $space-xs;
display: flex;
flex-wrap: nowrap;
align-items: center;
&-fiat-symbol {
height: 18px;
width: 18px;
margin-right: 0.5rem;
text-align: center;
}
&-coin-and-token {
img {
height: 18px;
width: 18px;
margin-right: 0.5rem;
}
}
&-label {
white-space: pre-wrap;
display: inline-block;
min-width: 36px;
opacity: 0.54;
}
&-value {
font-weight: 600;
@include mono;
}
}
}
&-offline {
margin-bottom: 0;
text-align: center;
}
}