diff options
| author | kumavis <kumavis@users.noreply.github.com> | 2018-05-23 03:53:59 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-05-23 03:53:59 +0800 |
| commit | b5bbfd32648a7deb0fd8b25c12825697e522adf6 (patch) | |
| tree | dab36d56c4eaf230512b7430ddb3baf75356eab0 /ui/app/components/export-text-container/index.scss | |
| parent | a8e0d38cfbb1c01705b56288511c2a8ce392e25d (diff) | |
| parent | 8245bf010e22dda3e00c044429e3f5b880691fcb (diff) | |
| download | tangerine-wallet-browser-b5bbfd32648a7deb0fd8b25c12825697e522adf6.tar.gz tangerine-wallet-browser-b5bbfd32648a7deb0fd8b25c12825697e522adf6.tar.zst tangerine-wallet-browser-b5bbfd32648a7deb0fd8b25c12825697e522adf6.zip | |
Merge pull request #4308 from MetaMask/i4232-addtoken
Update designs for Add Token screen
Diffstat (limited to 'ui/app/components/export-text-container/index.scss')
| -rw-r--r-- | ui/app/components/export-text-container/index.scss | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/ui/app/components/export-text-container/index.scss b/ui/app/components/export-text-container/index.scss new file mode 100644 index 000000000..975d62f70 --- /dev/null +++ b/ui/app/components/export-text-container/index.scss @@ -0,0 +1,52 @@ +.export-text-container { + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + border: 1px solid $alto; + border-radius: 4px; + font-weight: 400; + + &__text-container { + width: 100%; + display: flex; + justify-content: center; + padding: 20px; + border-radius: 4px; + background: $alabaster; + } + + &__text { + resize: none; + border: none; + background: $alabaster; + font-size: 20px; + text-align: center; + } + + &__buttons-container { + display: flex; + flex-direction: row; + border-top: 1px solid $alto; + width: 100%; + } + + &__button { + padding: 10px; + flex: 1; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + cursor: pointer; + color: $curious-blue; + + &--copy { + border-right: 1px solid $alto; + } + } + + &__button-text { + padding-left: 10px; + } +} |