Don't separate properties

This commit is contained in:
Nicolas Mowen 2024-02-27 14:37:04 -07:00
parent 7f39afe0f4
commit 4d0ec1309f

View File

@ -16,9 +16,6 @@ import { isDesktop, isMobile } from "react-device-detect";
import Statusbar from "./components/Statusbar"; import Statusbar from "./components/Statusbar";
import Bottombar from "./components/navigation/Bottombar"; 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() { function App() {
return ( return (
<Providers> <Providers>
@ -30,7 +27,7 @@ function App() {
{isMobile && <Bottombar />} {isMobile && <Bottombar />}
<div <div
id="pageRoot" 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> <Routes>
<Route path="/" element={<Live />} /> <Route path="/" element={<Live />} />