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`