From 799fa2e47546b0318ce45274201096a0d2857041 Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Thu, 2 Jan 2025 23:01:27 +0800
Subject: [PATCH] :lipstick: Better app bar

---
 src/components/CapAppBar.tsx | 2 +-
 src/pages/_app.tsx           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/CapAppBar.tsx b/src/components/CapAppBar.tsx
index 2477f4b..54700b3 100644
--- a/src/components/CapAppBar.tsx
+++ b/src/components/CapAppBar.tsx
@@ -11,7 +11,7 @@ export function CapAppBar() {
 
   return (
     <Box sx={{ flexGrow: 1 }}>
-      <AppBar position="static" elevation={0} color={'transparent'}>
+      <AppBar position="absolute" elevation={0} color={'transparent'}>
         <Toolbar>
           <IconButton size="large" edge="start" color="inherit" aria-label="menu" sx={{ mr: 2 }}>
             <MenuIcon />
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 907d848..4af8138 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -43,7 +43,7 @@ export default function App({ Component, pageProps }: AppProps) {
         <CssBaseline />
 
         <CapAppBar />
-        <Box sx={{ height: 'calc(100vh - 64px)' }}>
+        <Box sx={{ height: '100vh' }}>
           <Component {...pageProps} />
         </Box>
       </ThemeProvider>