diff options
author | Dan <danjm.com@gmail.com> | 2018-05-24 02:33:15 +0800 |
---|---|---|
committer | Dan <danjm.com@gmail.com> | 2018-05-24 02:33:15 +0800 |
commit | 440905125d77d1d5d72d1aceac2940925a8ac38f (patch) | |
tree | d5418384983f9de8092d2dfdd1ddddec2ffd555e /ui/app/components/pages/confirm-add-token/index.scss | |
parent | 3dec7cb52443b24d6a24f75434ee41a54f4cfd0b (diff) | |
parent | ed01c6c8264a860cdc4248991839954bdf22e2ef (diff) | |
download | tangerine-wallet-browser-440905125d77d1d5d72d1aceac2940925a8ac38f.tar.gz tangerine-wallet-browser-440905125d77d1d5d72d1aceac2940925a8ac38f.tar.zst tangerine-wallet-browser-440905125d77d1d5d72d1aceac2940925a8ac38f.zip |
Merge branch 'develop' into i3725-refactor-send-component-
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; + } +} |