From 4d0ec1309f4efa8068f2d143b3e6d58d0a0f65d5 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Tue, 27 Feb 2024 14:37:04 -0700
Subject: [PATCH] Don't separate properties

---
 web/src/App.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/web/src/App.tsx b/web/src/App.tsx
index 72cf63767..9b5c2b401 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -16,9 +16,6 @@ import { isDesktop, isMobile } from "react-device-detect";
 import Statusbar from "./components/Statusbar";
 import Bottombar from "./components/navigation/Bottombar";
 
-const mobileInsets = "absolute left-0 top-2 right-0 bottom-0 bottom-16"
-const desktopInsets = "absolute left-16 top-16 top-2 right-0 bottom-8"
-
 function App() {
   return (
     <Providers>
@@ -30,7 +27,7 @@ function App() {
             {isMobile && <Bottombar />}
             <div
               id="pageRoot"
-              className={`${isDesktop ? desktopInsets : mobileInsets} overflow-hidden`}
+              className="absolute left-0 md:left-16 top-2 right-0 bottom-16 md:bottom-8 overflow-hidden"
             >
               <Routes>
                 <Route path="/" element={<Live />} />