diff options
author | kumavis <kumavis@users.noreply.github.com> | 2018-08-17 23:56:34 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-08-17 23:56:34 +0800 |
commit | 9268c4ed548be9d44a47757a36a3f210f8de3787 (patch) | |
tree | 63c7260de8abdf4b77d9cc6369b2d3dd4df7bd33 /ui/app/components/modals/qr-scanner/index.scss | |
parent | ef7e638dda63a715c796c210dadbe82430537b6a (diff) | |
parent | d636cc35523f52f630162a1b342b5267b6cd246e (diff) | |
download | tangerine-wallet-browser-9268c4ed548be9d44a47757a36a3f210f8de3787.tar.gz tangerine-wallet-browser-9268c4ed548be9d44a47757a36a3f210f8de3787.tar.zst tangerine-wallet-browser-9268c4ed548be9d44a47757a36a3f210f8de3787.zip |
Merge pull request #5079 from MetaMask/v4.9.3
Version 4.9.3
Diffstat (limited to 'ui/app/components/modals/qr-scanner/index.scss')
-rw-r--r-- | ui/app/components/modals/qr-scanner/index.scss | 83 |
1 files changed, 83 insertions, 0 deletions
diff --git a/ui/app/components/modals/qr-scanner/index.scss b/ui/app/components/modals/qr-scanner/index.scss new file mode 100644 index 000000000..6fa81d51f --- /dev/null +++ b/ui/app/components/modals/qr-scanner/index.scss @@ -0,0 +1,83 @@ +.qr-scanner { + width: 100%; + height: 100%; + background-color: #fff; + display: flex; + flex-flow: column; + border-radius: 8px; + + &__title { + font-size: 1.5rem; + font-weight: 500; + padding: 16px 0; + text-align: center; + } + + &__content { + padding-left: 20px; + padding-right: 20px; + + &__video-wrapper { + overflow: hidden; + width: 100%; + height: 275px; + display: flex; + align-items: center; + justify-content: center; + + video { + transform: scaleX(-1); + width: auto; + height: 275px; + } + } + } + + &__status { + text-align: center; + font-size: 14px; + padding: 15px; + } + + &__image { + font-size: 1.5rem; + font-weight: 500; + padding: 16px 0 0; + text-align: center; + } + + &__error { + text-align: center; + font-size: 16px; + padding: 15px; + } + + &__footer { + padding: 20px; + flex-direction: row; + display: flex; + + button { + margin-right: 15px; + } + + button:last-of-type { + margin-right: 0; + background-color: #009eec; + border: none; + color: #fff; + } + } + + &__close::after { + content: '\00D7'; + font-size: 35px; + color: #9b9b9b; + position: absolute; + top: 4px; + right: 20px; + cursor: pointer; + font-weight: 300; + } +} + |