From dcd0918bce1cab478d66cc7d9614471a097d1eea Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Fri, 29 Jul 2022 23:57:44 +0300
Subject: [PATCH] Fix menu overflow on Safari

Closes #835 hopefully for real this time
---
 app/root.tsx          | 2 +-
 app/styles/layout.css | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/app/root.tsx b/app/root.tsx
index ce6800e9a..69d7c738a 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -43,7 +43,7 @@ export const links: LinksFunction = () => {
 export const meta: MetaFunction = () => ({
   charset: "utf-8",
   title: "sendou.ink",
-  viewport: "width=device-width,initial-scale=1,minimum-scale=1.0",
+  viewport: "width=device-width,initial-scale=1",
 });
 
 export interface RootLoaderData {
diff --git a/app/styles/layout.css b/app/styles/layout.css
index 94961815c..86d9effd2 100644
--- a/app/styles/layout.css
+++ b/app/styles/layout.css
@@ -97,14 +97,13 @@
 }
 
 .layout__menu {
-  position: absolute;
+  position: fixed;
   z-index: 500;
   top: 0;
   right: 0;
   width: max-content;
   height: max-content;
   margin-top: 10rem;
-  backdrop-filter: blur(10px) brightness(75%);
   background-color: var(--bg-lighter);
   background-image: url("/svg/background-pattern.svg");
   border-end-start-radius: var(--rounded);