From 56ca28233a84c5aa3ca93cae266b2d008ea348e1 Mon Sep 17 00:00:00 2001
From: lbq <1065079612@qq.com>
Date: 星期三, 24 十二月 2025 09:54:13 +0800
Subject: [PATCH] Web页面优化
---
rsf-admin/src/layout/AppBar.jsx | 34 ++++++++++++++++++++++++++++------
1 files changed, 28 insertions(+), 6 deletions(-)
diff --git a/rsf-admin/src/layout/AppBar.jsx b/rsf-admin/src/layout/AppBar.jsx
index a9d3a88..892e82a 100644
--- a/rsf-admin/src/layout/AppBar.jsx
+++ b/rsf-admin/src/layout/AppBar.jsx
@@ -1,8 +1,7 @@
import * as React from 'react';
-import { AppBar, TitlePortal } from 'react-admin';
+import { AppBar } from 'react-admin';
import { Box, useMediaQuery } from '@mui/material';
-// https://www.base64-image.de/
import Logo from './Logo';
import { AppBarToolbar } from './AppBarToolbar';
@@ -10,16 +9,39 @@
const isLargeEnough = useMediaQuery(theme =>
theme.breakpoints.up('sm')
);
+
return (
<AppBar
color="secondary"
toolbar={<AppBarToolbar />}
+ sx={{
+ // 闅愯棌鏈�宸︿晶鐨勮彍鍗曟寜閽�
+ '& .RaAppBar-menuButton': {
+ display: 'none !important',
+ },
+ // 璋冩暣宸ュ叿鏍忓竷灞�
+ '& .RaAppBar-toolbar': {
+ paddingLeft: '4px !important', // 鏈�灏忓乏杈硅窛
+ justifyContent: 'flex-start',
+ gap: 2, // 鍏冪礌涔嬮棿鐨勯棿璺�
+ }
+ }}
>
- <TitlePortal />
- {isLargeEnough && <Logo />}
- {isLargeEnough && <Box component="span" sx={{ flex: 1 }} />}
+ {/* Logo 瀹屽叏闈犲乏 */}
+ {isLargeEnough && (
+ <Box sx={{
+ display: 'flex',
+ alignItems: 'center',
+ minWidth: 'auto', // 涓嶉檺鍒跺搴�
+ }}>
+ <Logo />
+ </Box>
+ )}
+
+ {/* 寮规�х┖闂村皢宸ュ叿鏍忔寜閽帹鍒板彸渚� */}
+ <Box component="span" sx={{ flex: 1 }} />
</AppBar>
);
};
-export default CustomAppBar;
+export default CustomAppBar;
\ No newline at end of file
--
Gitblit v1.9.1