diff --git a/src/assets/fullscreen.svg b/src/assets/fullscreen.svg
new file mode 100644
index 0000000..98641b3
--- /dev/null
+++ b/src/assets/fullscreen.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/pages/main.tsx b/src/pages/main.tsx
index ef9abbb..685cd07 100644
--- a/src/pages/main.tsx
+++ b/src/pages/main.tsx
@@ -3,6 +3,7 @@ import { getFeatures } from '@ijl/cli';
import logo from '../assets/logo.svg';
import arrow from '../assets/36-arrow-right.svg';
+import fullScreen from '../assets/fullscreen.svg';
import { Keyboard } from '../components/keyboard';
@@ -233,7 +234,11 @@ export const MainPage = () => {
return (
- {fullScreenFeature && !isFull && На весь экран}
+ {fullScreenFeature && !isFull && (
+
+
+
+ )}
{/* */}
{!showStart && setShowStart(true)} />}
diff --git a/src/pages/style.ts b/src/pages/style.ts
index e77a0a0..8a39286 100644
--- a/src/pages/style.ts
+++ b/src/pages/style.ts
@@ -282,10 +282,12 @@ export const Circle = styled.circle<{ circumference: number; percent: number }>`
`;
export const FullScreenButton = styled.button`
- padding: 24px;
+ padding: 12px;
position: absolute;
top: 50px;
right: 50px;
+ border: none;
+ background-color: rgba(0, 0, 0, .07);
`;
export const InputHolder = styled.div`