优化:页面背景自适应

This commit is contained in:
Liu 宇阳
2024-11-12 19:55:24 +08:00
parent bb51a52502
commit 464ccf770d
15 changed files with 15 additions and 15 deletions

View File

@@ -203,7 +203,7 @@ const ArticlePage = () => {
</Form>
</Card>
<Card className={`${titleSty}`}>
<Card className={`${titleSty} min-h-[calc(100vh-250px)]`}>
<Table
rowKey="id"
dataSource={articleList}

View File

@@ -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>

View File

@@ -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}

View File

@@ -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

View File

@@ -183,7 +183,7 @@ const FootprintPage = () => {
</div>
</Card>
<Card className={`${titleSty}`}>
<Card className={`${titleSty} min-h-[calc(100vh-250px)]`}>
<Table
rowKey="id"
dataSource={footprintList}

View File

@@ -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>

View File

@@ -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"

View File

@@ -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}

View File

@@ -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}

View File

@@ -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) => (

View File

@@ -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>

View File

@@ -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"

View File

@@ -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}

View File

@@ -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>
</>

View File

@@ -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">