🐛 Fix bottom bar on mobile

karlosos · Nov 28, 2023 · 102f488 · 102f488
1 parent 1b5c7f6
commit 102f488
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/app/App.tsx b/src/app/App.tsx
@@ -13,11 +13,11 @@ const theme = createTheme({
 function App() {
   return (
     <ThemeProvider theme={theme}>
-      <div className="absolute bottom-0 left-0 mx-auto flex w-full max-w-screen-sm items-center justify-start gap-1 border-t px-2 py-1 mobile:bottom-auto mobile:left-auto mobile:right-0 mobile:top-4 mobile:w-auto mobile:flex-col mobile:items-end mobile:justify-center mobile:border-none mobile:py-0">
+      <div className="fixed bottom-0 left-0 z-10 mx-auto flex w-full items-center justify-start gap-1 border-t bg-neutral-50 px-2 py-1 mobile:bottom-auto mobile:left-auto mobile:right-0 mobile:top-4 mobile:w-auto mobile:flex-col mobile:items-end mobile:justify-center mobile:border-none mobile:bg-transparent mobile:py-0">
         <Settings />
         <GithubButton />
       </div>
-      <div className="mx-auto flex min-h-screen max-w-screen-sm flex-col px-2 py-4">
+      <div className="mx-auto mb-[40px] flex min-h-screen max-w-screen-sm flex-col px-2 py-4">
         <TopBar />
         <TimeEntriesList />
       </div>