diff options
author | Alexander Tseung <alextsg@users.noreply.github.com> | 2018-03-17 04:09:49 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-03-17 04:09:49 +0800 |
commit | 6f749e5576cb981a469d0cf969b15901bcc05cfa (patch) | |
tree | c7204b86eadaa0c21efe50030797b1a5340442a6 /ui/app/css/itcss/components/sender-to-recipient.scss | |
parent | ad9feee637822dbcf945f0017b88bcbc4c9ede44 (diff) | |
download | tangerine-wallet-browser-6f749e5576cb981a469d0cf969b15901bcc05cfa.tar.gz tangerine-wallet-browser-6f749e5576cb981a469d0cf969b15901bcc05cfa.tar.zst tangerine-wallet-browser-6f749e5576cb981a469d0cf969b15901bcc05cfa.zip |
Update Confirm Contract screen (#3597)
Diffstat (limited to 'ui/app/css/itcss/components/sender-to-recipient.scss')
-rw-r--r-- | ui/app/css/itcss/components/sender-to-recipient.scss | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/sender-to-recipient.scss b/ui/app/css/itcss/components/sender-to-recipient.scss new file mode 100644 index 000000000..f16013cdf --- /dev/null +++ b/ui/app/css/itcss/components/sender-to-recipient.scss @@ -0,0 +1,58 @@ +.sender-to-recipient { + &__container { + width: 100%; + display: flex; + flex-direction: row; + justify-content: center; + border-bottom: 1px solid $geyser; + position: relative; + } + + &__sender, + &__recipient { + display: flex; + flex-direction: row; + align-items: center; + flex: 1; + padding: 10px 20px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + &__sender { + padding-right: 30px; + } + + &__recipient { + border-left: 1px solid $geyser; + padding-left: 30px; + } + + &__arrow-container { + position: absolute; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + } + + &__arrow-circle { + background: $white; + padding: 5px; + border: 1px solid $geyser; + border-radius: 20px; + height: 30px; + width: 30px; + display: flex; + justify-content: center; + align-items: center; + } + + &__name { + padding-left: 5px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } +} |