aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/css
diff options
context:
space:
mode:
authorDan <danjm.com@gmail.com>2018-02-09 01:18:25 +0800
committerDan <danjm.com@gmail.com>2018-02-09 07:53:16 +0800
commitcd976a2765b9e442642faec8a985c049f8cb393b (patch)
tree67994c756bf66d2f0395d94d79cf95fe2685502b /ui/app/css
parentf39222c9afd9dcab4c6234940eb9a9cb06dbc6f0 (diff)
downloadtangerine-wallet-browser-cd976a2765b9e442642faec8a985c049f8cb393b.tar
tangerine-wallet-browser-cd976a2765b9e442642faec8a985c049f8cb393b.tar.gz
tangerine-wallet-browser-cd976a2765b9e442642faec8a985c049f8cb393b.tar.bz2
tangerine-wallet-browser-cd976a2765b9e442642faec8a985c049f8cb393b.tar.lz
tangerine-wallet-browser-cd976a2765b9e442642faec8a985c049f8cb393b.tar.xz
tangerine-wallet-browser-cd976a2765b9e442642faec8a985c049f8cb393b.tar.zst
tangerine-wallet-browser-cd976a2765b9e442642faec8a985c049f8cb393b.zip
Add reset account button to new UI.
Diffstat (limited to 'ui/app/css')
-rw-r--r--ui/app/css/itcss/components/modal.scss74
1 files changed, 45 insertions, 29 deletions
diff --git a/ui/app/css/itcss/components/modal.scss b/ui/app/css/itcss/components/modal.scss
index 5bca4a07d..919e1793b 100644
--- a/ui/app/css/itcss/components/modal.scss
+++ b/ui/app/css/itcss/components/modal.scss
@@ -547,38 +547,54 @@
//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 {
-.notification-modal-header {
- background: $wild-sand;
- width: 100%;
- display: flex;
- justify-content: center;
- padding: 30px;
- font-size: 22px;
- color: $nile-blue;
- height: 79px;
-}
+ &__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-message {
- padding: 20px;
-}
+ &__header {
+ background: $wild-sand;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ padding: 30px;
+ font-size: 22px;
+ color: $nile-blue;
+ height: 79px;
+ }
-.notification-modal-message {
- width: 100%;
- display: flex;
- justify-content: center;
- font-size: 17px;
- color: $nile-blue;
+ &__message {
+ padding: 20px;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ font-size: 17px;
+ color: $nile-blue;
+ }
+
+ &__buttons {
+ display: flex;
+ justify-content: space-evenly;
+ width: 100%;
+ margin-bottom: 24px;
+ padding: 0px 42px;
+
+ &__btn {
+ cursor: pointer;
+ }
+ }
+
+ &__link {
+ color: $curious-blue;
+ }
}
// Deposit Ether Modal