diff options
| author | Dan <danjm.com@gmail.com> | 2017-12-05 10:00:11 +0800 |
|---|---|---|
| committer | Dan <danjm.com@gmail.com> | 2017-12-05 11:06:54 +0800 |
| commit | 9db00fa507c04180f6425cc3b1e3187afa193ab8 (patch) | |
| tree | 7fd3e4cd85290bd03299f55f9af3335f538e09a8 /ui/app/css/itcss/components | |
| parent | 730d7f84ca8c202674677a6a6a94290e57ad9e3a (diff) | |
| download | dexon-wallet-9db00fa507c04180f6425cc3b1e3187afa193ab8.tar.gz dexon-wallet-9db00fa507c04180f6425cc3b1e3187afa193ab8.tar.zst dexon-wallet-9db00fa507c04180f6425cc3b1e3187afa193ab8.zip | |
Show user notifications after switch between UIs
Diffstat (limited to 'ui/app/css/itcss/components')
| -rw-r--r-- | ui/app/css/itcss/components/modal.scss | 36 | ||||
| -rw-r--r-- | ui/app/css/itcss/components/settings.scss | 5 |
2 files changed, 41 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/modal.scss b/ui/app/css/itcss/components/modal.scss index b69bd5c7..9b64564d 100644 --- a/ui/app/css/itcss/components/modal.scss +++ b/ui/app/css/itcss/components/modal.scss @@ -563,3 +563,39 @@ } } } + +//Notification Modal + +.notification-modal-wrapper { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + position: relative; + border: 1px solid $alto; + box-shadow: 0 0 2px 2px $alto; + font-family: Roboto; +} + +.notification-modal-header { + background: $wild-sand; + width: 100%; + display: flex; + justify-content: center; + padding: 30px; + font-size: 22px; + color: $nile-blue; + height: 79px; +} + +.notification-modal-message { + padding: 20px; +} + +.notification-modal-message { + width: 100%; + display: flex; + justify-content: center; + font-size: 17px; + color: $nile-blue; +}
\ No newline at end of file diff --git a/ui/app/css/itcss/components/settings.scss b/ui/app/css/itcss/components/settings.scss index 2f29d801..d60ebd93 100644 --- a/ui/app/css/itcss/components/settings.scss +++ b/ui/app/css/itcss/components/settings.scss @@ -145,6 +145,11 @@ color: $monzo; } +.settings__clear-button--orange { + border: 1px solid rgba(247, 134, 28, 1); + color: rgba(247, 134, 28, 1); +} + .settings__info-logo-wrapper { height: 80px; margin-bottom: 20px; |