From 0f067862f9385101f547021f4eb7651ee9616782 Mon Sep 17 00:00:00 2001
From: Andrei Dekterev <avdekterev@gmail.com>
Date: Thu, 13 Apr 2023 18:54:31 +0700
Subject: [PATCH] style(error-boundary): add styles for mobile version

---
 src/components/Error/styled.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/Error/styled.tsx b/src/components/Error/styled.tsx
index fde3a01b..1826600d 100644
--- 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%)
+      `
+}
 `