feat: App Layout 统一使用 Tailwind CSS

src/views/App.jsx

@@ -65,10 +65,6 @@ function App() {
 		defaultPath = splitPath[1]
 	}
 
-	const {
-		token: { colorBgContainer },
-	} = theme.useToken()
-
   const [antdLng, setAntdLng] = useState(enLocale);
   useEffect(() => {
     setAntdLng(i18n.language === 'en' ? enLocale : zhLocale);
@@ -104,9 +100,7 @@ function App() {
 
       </Modal>
 				<Layout
-					style={{
-						minHeight: '100vh',
-					}}>
+					className='min-h-screen'>
 					<Header className='sticky top-0 z-10 w-full'>
 						<Row gutter={{ md: 24 }} justify='end' align='middle'>
 							<Col span={16}>
@@ -136,9 +130,9 @@ function App() {
 								/>
 							</Col>
 							<Col span={4}>
-								<Title level={3} style={{ color: 'white', marginBottom: '0', display: 'flex', justifyContent: 'end' }}>
+								<h3 className='text-white mb-0 flex justify-end'>
 									{currentUser?.travelAgencyName}
-								</Title>
+								</h3>
 							</Col>
 							<Col span={2}>
 								<Dropdown
@@ -168,13 +162,7 @@ function App() {
 							</Col>
 						</Row>
 					</Header>
-					<Content
-						style={{
-							padding: 24,
-							margin: 0,
-							minHeight: 280,
-							background: colorBgContainer,
-						}}>
+					<Content className='p-6 m-0 min-h-72 bg-white'>
             {needToLogin ? <>login...</> : <Outlet />}
 					</Content>
           <Footer>China Highlights International Travel Service Co., LTD, Version: {BUILD_VERSION}</Footer>