diff options
author | Alexander Tseung <alextsg@gmail.com> | 2018-05-20 14:04:19 +0800 |
---|---|---|
committer | Alexander Tseung <alextsg@gmail.com> | 2018-05-20 14:04:19 +0800 |
commit | 4f6b53c1aa383c05fa3c356adb332fcc6dbf45e9 (patch) | |
tree | ecc9cfa83e3570fc71389ee1fdfbcd030f416ddb /ui/app/components/pages/confirm-add-token/index.scss | |
parent | 713c77db54e7866da169205d7f665c33a4c626e0 (diff) | |
download | tangerine-wallet-browser-4f6b53c1aa383c05fa3c356adb332fcc6dbf45e9.tar.gz tangerine-wallet-browser-4f6b53c1aa383c05fa3c356adb332fcc6dbf45e9.tar.zst tangerine-wallet-browser-4f6b53c1aa383c05fa3c356adb332fcc6dbf45e9.zip |
Update designs for Add Token screen
Diffstat (limited to 'ui/app/components/pages/confirm-add-token/index.scss')
-rw-r--r-- | ui/app/components/pages/confirm-add-token/index.scss | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/ui/app/components/pages/confirm-add-token/index.scss b/ui/app/components/pages/confirm-add-token/index.scss new file mode 100644 index 000000000..66146cf78 --- /dev/null +++ b/ui/app/components/pages/confirm-add-token/index.scss @@ -0,0 +1,69 @@ +.confirm-add-token { + padding: 16px; + + &__header { + font-size: .75rem; + display: flex; + } + + &__token { + flex: 1; + min-width: 0; + } + + &__balance { + flex: 0 0 30%; + min-width: 0; + } + + &__token-list { + display: flex; + flex-flow: column nowrap; + + .token-balance { + display: flex; + flex-flow: row nowrap; + align-items: flex-start; + + &__amount { + color: $scorpion; + font-size: 43px; + line-height: 43px; + margin-right: 8px; + } + + &__symbol { + color: $scorpion; + font-size: 16px; + font-weight: 400; + line-height: 24px; + } + } + } + + &__token-list-item { + display: flex; + flex-flow: row nowrap; + align-items: center; + margin-top: 8px; + box-sizing: border-box; + } + + &__data { + display: flex; + align-items: center; + padding: 8px; + } + + &__name { + min-width: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + &__token-icon { + margin-right: 12px; + flex: 0 0 auto; + } +} |