From b00a1bcdc82c69ba3ad76e151097d28f21dba54c Mon Sep 17 00:00:00 2001
From: ajnart <ajnart@pm.me>
Date: Sat, 26 Aug 2023 16:06:21 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Style=20`FloatingBackground`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 next-env.d.ts                                           | 1 -
 src/components/layout/Background/FloatingBackground.tsx | 7 +++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/next-env.d.ts b/next-env.d.ts
index fd36f9494..4f11a03dc 100644
--- a/next-env.d.ts
+++ b/next-env.d.ts
@@ -1,6 +1,5 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/src/components/layout/Background/FloatingBackground.tsx b/src/components/layout/Background/FloatingBackground.tsx
index 83ccc4353..59140e6c1 100644
--- a/src/components/layout/Background/FloatingBackground.tsx
+++ b/src/components/layout/Background/FloatingBackground.tsx
@@ -1,5 +1,5 @@
 import { Box, createStyles, useMantineTheme } from '@mantine/core';
-import { useMouse, useViewportSize } from '@mantine/hooks';
+import { useMouse } from '@mantine/hooks';
 
 import { PolkaElement } from './PolkaElement';
 
@@ -12,6 +12,7 @@ export const FloatingBackground = () => {
         <PolkaElement rotation={95} top={0} left={100} />
         <PolkaElement rotation={10} top={50} right={20} />
         <PolkaElement rotation={-4} bottom={20} left={20} />
+        <PolkaElement rotation={-10} bottom={0} right={0} />
       </Box>
     </Box>
   );
@@ -19,9 +20,7 @@ export const FloatingBackground = () => {
 
 const MouseBackdrop = () => {
   const { x, y } = useMouse();
-  const { width, height } = useViewportSize();
-  const smaller = Math.min(width, height);
-  const radius = Math.max(smaller - 500, 200);
+  const radius = 40;
   return (
     <Box pos="absolute" top={0} left={0} w="100%" h="100%">
       <Box