style(error-boundary): add styles for mobile version

3 years ago · 0f067862f9
parent c0a594d7c8
commit 0f067862f9
1 changed files with 14 additions and 1 deletions
--- a/src/components/Error/styled.tsx
+++ b/src/components/Error/styled.tsx
@ -1,4 +1,6 @@
-import styled from 'styled-components/macro'
+import styled, { css } from 'styled-components/macro'
+
+import { isMobileDevice } from 'config'

 export const WrapperError = styled.div`
  position: fixed;
@ -14,4 +16,15 @@ export const WrapperError = styled.div`
  text-align: center;
  z-index: 1000000;
  white-space: pre-wrap;
+
+  ${isMobileDevice
+    && css`
+        position: absolute;
+        width: auto;
+        top: 10%;
+        left: 50%;
+        max-width: 70vw;
+        transform: translateX(-50%)
+      `
+}
 `