aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/error-message/index.scss
diff options
context:
space:
mode:
authorAlexander Tseung <alextsg@gmail.com>2018-09-16 14:50:17 +0800
committerAlexander Tseung <alextsg@gmail.com>2018-09-20 05:31:10 +0800
commit44d4b5b5db021646ca26026d91ab2ef39153af37 (patch)
tree0dd83a45dfca49c1d9f7ac3c0864229a8f89d1f4 /ui/app/components/error-message/index.scss
parent3c3fed46cb032f59cd30daae04c17475196cd5c9 (diff)
downloadtangerine-wallet-browser-44d4b5b5db021646ca26026d91ab2ef39153af37.tar.gz
tangerine-wallet-browser-44d4b5b5db021646ca26026d91ab2ef39153af37.tar.zst
tangerine-wallet-browser-44d4b5b5db021646ca26026d91ab2ef39153af37.zip
Refactor ConfirmPageContainerError to ErrorMessage
Diffstat (limited to 'ui/app/components/error-message/index.scss')
-rw-r--r--ui/app/components/error-message/index.scss21
1 files changed, 21 insertions, 0 deletions
diff --git a/ui/app/components/error-message/index.scss b/ui/app/components/error-message/index.scss
new file mode 100644
index 000000000..5915e21cf
--- /dev/null
+++ b/ui/app/components/error-message/index.scss
@@ -0,0 +1,21 @@
+.error-message {
+ min-height: 32px;
+ border: 1px solid $monzo;
+ color: $monzo;
+ background: lighten($monzo, 56%);
+ border-radius: 4px;
+ font-size: .75rem;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding: 8px 16px;
+
+ &__icon {
+ margin-right: 8px;
+ flex: 0 0 auto;
+ }
+
+ &__text {
+ overflow: auto;
+ }
+}