diff options
| author | Alexander Tseung <alextsg@gmail.com> | 2018-05-31 07:17:40 +0800 |
|---|---|---|
| committer | Alexander Tseung <alextsg@users.noreply.github.com> | 2018-06-01 01:37:52 +0800 |
| commit | cc73d869fed79c63261821fb7ad8f1e5180ffca2 (patch) | |
| tree | cb4eb988a13843fa2c01a7fee0ca594bdc98e75f /ui/app/components/modals/index.scss | |
| parent | f4d833cb09758beb62a65ad4011d16bdb81b33ff (diff) | |
| download | tangerine-wallet-browser-cc73d869fed79c63261821fb7ad8f1e5180ffca2.tar.gz tangerine-wallet-browser-cc73d869fed79c63261821fb7ad8f1e5180ffca2.tar.zst tangerine-wallet-browser-cc73d869fed79c63261821fb7ad8f1e5180ffca2.zip | |
Add new alert modals
Diffstat (limited to 'ui/app/components/modals/index.scss')
| -rw-r--r-- | ui/app/components/modals/index.scss | 53 |
1 files changed, 52 insertions, 1 deletions
diff --git a/ui/app/components/modals/index.scss b/ui/app/components/modals/index.scss index ec6207f7e..ad6fe16d3 100644 --- a/ui/app/components/modals/index.scss +++ b/ui/app/components/modals/index.scss @@ -1 +1,52 @@ -@import './transaction-confirmed/index'; +.modal-container { + 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; + } + + &__description { + text-align: center; + font-size: .875rem; + } + + &__content { + overflow-y: auto; + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + padding: 32px; + + @media screen and (max-width: 575px) { + justify-content: center; + padding: 28px 20px; + } + } + + &__footer { + display: flex; + flex-flow: row; + justify-content: center; + border-top: 1px solid #d2d8dd; + padding: 16px; + flex: 0 0 auto; + + &-button { + min-width: 0; + margin-right: 16px; + + &:last-of-type { + margin-right: 0; + } + } + } +} |