From 38e5b480c0ae4af53bf734d65595fbdbf72dd2c1 Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Sun, 23 Dec 2018 23:36:17 +0800
Subject: feat: add a customized ErrorBoundaryFallback

---
 src/components/ErrorBoundaryFallback.module.scss | 30 ++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/components/ErrorBoundaryFallback.module.scss

(limited to 'src/components/ErrorBoundaryFallback.module.scss')

diff --git a/src/components/ErrorBoundaryFallback.module.scss b/src/components/ErrorBoundaryFallback.module.scss
new file mode 100644
index 0000000..5deae74
--- /dev/null
+++ b/src/components/ErrorBoundaryFallback.module.scss
@@ -0,0 +1,30 @@
+.root {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  overflow: hidden;
+
+  padding: 20px;
+  background: var(--color-background);
+  color: var(--color-text);
+  text-align: center;
+}
+
+.yacd {
+  color: #2a477a;
+  opacity: 0.6;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 40px;
+}
+
+.link {
+  color: var(--color-text-secondary);
+  &:hover,
+  &:active {
+    color: #387cec;
+  }
+}
-- 
cgit v1.3.1