优化:页面背景自适应
This commit is contained in:
@@ -203,7 +203,7 @@ const ArticlePage = () => {
|
||||
</Form>
|
||||
</Card>
|
||||
|
||||
<Card className={`${titleSty}`}>
|
||||
<Card className={`${titleSty} min-h-[calc(100vh-250px)]`}>
|
||||
<Table
|
||||
rowKey="id"
|
||||
dataSource={articleList}
|
||||
|
||||
@@ -130,7 +130,7 @@ const CatePage = () => {
|
||||
<Button type="primary" onClick={() => addCateData(0)}>新增一级分类</Button>
|
||||
</Title>
|
||||
|
||||
<Card className={`CatePage [&>.ant-card-body]:!p-[30px_20px] [&>.ant-card-body]:!pb-6 mt-2`}>
|
||||
<Card className={`CatePage [&>.ant-card-body]:!p-[30px_20px] [&>.ant-card-body]:!pb-6 mt-2 min-h-[calc(100vh-180px)]`}>
|
||||
<Spin spinning={loading}>
|
||||
<Tree defaultExpandAll={true} treeData={treeData(list)} />
|
||||
</Spin>
|
||||
|
||||
@@ -172,7 +172,7 @@ const CommentPage = () => {
|
||||
</Form>
|
||||
</Card>
|
||||
|
||||
<Card className={`${titleSty} mt-2`}>
|
||||
<Card className={`${titleSty} mt-2 min-h-[calc(100vh-250px)]`}>
|
||||
<Table
|
||||
rowKey="id"
|
||||
dataSource={list}
|
||||
|
||||
@@ -90,7 +90,7 @@ export default () => {
|
||||
<>
|
||||
<Title value='文件管理' />
|
||||
|
||||
<Card className='FilePage mt-2'>
|
||||
<Card className='FilePage mt-2 min-h-[calc(100vh-180px)]'>
|
||||
<div className='flex justify-between mb-4 px-4'>
|
||||
{
|
||||
!fileList.length
|
||||
|
||||
@@ -183,7 +183,7 @@ const FootprintPage = () => {
|
||||
</div>
|
||||
</Card>
|
||||
|
||||
<Card className={`${titleSty}`}>
|
||||
<Card className={`${titleSty} min-h-[calc(100vh-250px)]`}>
|
||||
<Table
|
||||
rowKey="id"
|
||||
dataSource={footprintList}
|
||||
|
||||
@@ -62,7 +62,7 @@ const Home = () => {
|
||||
<>
|
||||
<Title value='项目迭代记录'></Title>
|
||||
|
||||
<Card className='mt-2'>
|
||||
<Card className='mt-2 min-h-[calc(100vh-180px)]'>
|
||||
<div className='flex flex-col items-center mt-2 mb-22'>
|
||||
<div className='ml-5 mb-6'>
|
||||
<span>年份切换:</span>
|
||||
|
||||
@@ -129,7 +129,7 @@ const RolePage = () => {
|
||||
<Title value="角色管理" />
|
||||
|
||||
<div className='flex md:justify-between flex-col md:flex-row mx-auto mt-2'>
|
||||
<Card className="w-full md:w-[40%] h-96">
|
||||
<Card className="w-full md:w-[40%] h-96 min-h-[calc(100vh-180px)]">
|
||||
<Form
|
||||
form={form}
|
||||
layout="vertical"
|
||||
|
||||
@@ -74,7 +74,7 @@ const RoutePage = () => {
|
||||
<>
|
||||
<Title value="路由管理" />
|
||||
|
||||
<div className='flex md:justify-between flex-col md:flex-row mx-auto mt-2'>
|
||||
<div className='flex md:justify-between flex-col md:flex-row mx-auto mt-2 min-h-[calc(100vh-180px)]'>
|
||||
<Card className="w-full md:w-[40%] h-73">
|
||||
<Form
|
||||
form={form}
|
||||
|
||||
@@ -32,7 +32,7 @@ const RssPage = () => {
|
||||
<>
|
||||
<Title value='订阅中心' />
|
||||
|
||||
<Card className='mt-2'>
|
||||
<Card className='mt-2 min-h-[calc(100vh-180px)]'>
|
||||
<Spin spinning={loading}>
|
||||
<List
|
||||
dataSource={list}
|
||||
|
||||
@@ -49,7 +49,7 @@ const SetupPage = () => {
|
||||
<>
|
||||
<Title value="项目配置" />
|
||||
|
||||
<Card className='mt-2'>
|
||||
<Card className='mt-2 min-h-[calc(100vh-180px)]'>
|
||||
<div className="flex flex-col md:flex-row">
|
||||
<ul className="w-full md:w-[20%] md:mr-5 mb-10 md:mb-0 border-b md:border-r border-[#eee] divide-y divide-solid divide-[#F6F6F6]">
|
||||
{list.map((item) => (
|
||||
|
||||
@@ -153,7 +153,7 @@ const SwiperPage = () => {
|
||||
<>
|
||||
<Title value="轮播图管理" />
|
||||
|
||||
<Card className="[&>.ant-card-body]:!pt-0 mt-2">
|
||||
<Card className="[&>.ant-card-body]:!pt-0 mt-2 min-h-[calc(100vh-180px)]">
|
||||
<Tabs activeKey={tab} onChange={handleTabChange} items={tabItems} />
|
||||
</Card>
|
||||
|
||||
|
||||
@@ -73,7 +73,7 @@ const TagPage = () => {
|
||||
<Title value="标签管理" />
|
||||
|
||||
<div className='flex md:justify-between flex-col md:flex-row mx-auto mt-2'>
|
||||
<Card className="w-full md:w-[40%] h-48">
|
||||
<Card className="w-full md:w-[40%] h-[calc(100vh-180px)]">
|
||||
<Form
|
||||
form={form}
|
||||
layout="vertical"
|
||||
|
||||
@@ -145,7 +145,7 @@ const WallPage = () => {
|
||||
</Form>
|
||||
</Card>
|
||||
|
||||
<Card className={`${titleSty} mt-2`}>
|
||||
<Card className={`${titleSty} mt-2 min-h-[calc(100vh-180px)]`}>
|
||||
<Table
|
||||
rowKey="id"
|
||||
dataSource={list}
|
||||
|
||||
@@ -203,7 +203,7 @@ const LinkPage = () => {
|
||||
<>
|
||||
<Title value="网站管理" />
|
||||
|
||||
<Card className="WebPage mt-2">
|
||||
<Card className="WebPage mt-2 min-h-[calc(100vh-180px)]">
|
||||
<Tabs activeKey={tab} tabPosition="top" onChange={handleTabChange} items={tabItems} />
|
||||
</Card>
|
||||
</>
|
||||
|
||||
@@ -218,7 +218,7 @@ const WorkPage = () => {
|
||||
return (
|
||||
<>
|
||||
<Title value="工作台" />
|
||||
<Card className="mt-2">
|
||||
<Card className="mt-2 min-h-[calc(100vh-180px)]">
|
||||
<div className="flex flex-col md:flex-row w-full">
|
||||
<div className="w-full min-w-[200px] md:w-2/12 md:min-h-96 mb-5 md:mb-0 pr-4 border-b md:border-b-transparent md:border-r border-[#eee]">
|
||||
<ul className="space-y-1">
|
||||
|
||||
Reference in New Issue
Block a user