login page add menubar

src/component/Frame/HeadlessFrame.tsx

@@ -1,4 +1,5 @@
-import { Box, Container, Grid, Paper } from "@mui/material";
+import { Box, Container, Grid, Paper, AppBar, Toolbar, IconButton, Typography, Button } from "@mui/material";
+import MenuIcon from "@mui/icons-material/Menu";
 import { Outlet, useNavigation } from "react-router-dom";
 import { useAppDispatch, useAppSelector } from "../../redux/hooks.ts";
 import AutoHeight from "../Common/AutoHeight.tsx";
@@ -40,6 +41,31 @@ const HeadlessFrame = () => {
         overflow: "auto",
       }}
     >
+      <Box sx={{ flexGrow: 1 }}>
+        <AppBar position="static">
+          <Toolbar>
+            {/* <IconButton
+            size="large"
+            edge="start"
+            color="inherit"
+            aria-label="menu"
+            sx={{ mr: 2 }}
+          >
+            <MenuIcon />
+          </IconButton> */}
+            {/* <Typography variant="h6" component="div" sx={{ flexGrow: 1 }}>
+            News
+          </Typography> */}
+            <Logo
+              sx={{
+                maxWidth: "40%",
+                maxHeight: "40px",
+                mb: 2,
+              }}
+            />
+          </Toolbar>
+        </AppBar>
+      </Box>
       <Container maxWidth={"xs"}>
         <Grid
           container

src/component/Frame/PoweredBy.tsx

@@ -1,6 +1,5 @@
 import { Box, BoxProps, Typography, useTheme } from "@mui/material";
-import LogoIcon from "./assets/logo.svg";
-import LogoIconDark from "./assets/logo_light.svg";
+import Logo from "../Common/Logo";
 
 export interface PoweredByProps extends BoxProps {}
 
@@ -11,7 +10,6 @@ const PoweredBy = ({ ...rest }: PoweredByProps) => {
       <Box
         component="a"
         marginBottom={2}
-        href="https://cloudreve.org"
         target="_blank"
         sx={{
           width: "100%",
@@ -38,16 +36,8 @@ const PoweredBy = ({ ...rest }: PoweredByProps) => {
           }}
           fontWeight={500}
         >
-          Powered by
+          Powered by Miaostars
         </Typography>
-        <Box
-          component="img"
-          alt="Cloudreve"
-          sx={{
-            height: 20,
-          }}
-          src={theme.palette.mode === "dark" ? LogoIconDark : LogoIcon}
-        />
       </Box>
     </Box>
   );