功能:适配系统配置移动端
This commit is contained in:
@@ -58,7 +58,7 @@ const LayoutPage = () => {
|
||||
<Spin spinning={loading} indicator={<LoadingOutlined style={{ fontSize: 24 }} spin />}>
|
||||
<h2 className="text-xl pb-4 pl-10">主题配置</h2>
|
||||
|
||||
<div className='w-full lg:w-[500px] ml-10'>
|
||||
<div className='w-full lg:w-[500px] md:ml-10'>
|
||||
<Divider orientation="left">首页背景图</Divider>
|
||||
<div className="mb-8">
|
||||
<Input
|
||||
|
||||
@@ -48,7 +48,7 @@ const UserPage = () => {
|
||||
size="large"
|
||||
layout="vertical"
|
||||
onFinish={onSubmit}
|
||||
className="w-full lg:w-[500px] ml-10"
|
||||
className="w-full lg:w-[500px] md:ml-10"
|
||||
>
|
||||
<Form.Item
|
||||
label="名称"
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
import { useState, useRef } from 'react';
|
||||
import { Form, Input, Button, notification, Modal } from 'antd';
|
||||
import { useUserStore } from '@/stores';
|
||||
import { editAdminPassAPI } from '@/api/User';
|
||||
@@ -62,7 +61,7 @@ const SystemPage = () => {
|
||||
size='large'
|
||||
layout="vertical"
|
||||
onFinish={handleSubmit}
|
||||
className="w-full lg:w-[500px] ml-10"
|
||||
className="w-full lg:w-[500px] md:ml-10"
|
||||
>
|
||||
<Form.Item
|
||||
label="管理员账号"
|
||||
|
||||
@@ -31,7 +31,7 @@ const WebPage = () => {
|
||||
layout="vertical"
|
||||
onFinish={onSubmit}
|
||||
initialValues={web}
|
||||
className="w-full lg:w-[500px] ml-10"
|
||||
className="w-full lg:w-[500px] md:ml-10"
|
||||
>
|
||||
<Form.Item
|
||||
label="网站名称"
|
||||
|
||||
@@ -50,8 +50,8 @@ const SetupPage = () => {
|
||||
<Title value="项目配置" />
|
||||
|
||||
<Card className='mt-2'>
|
||||
<div className="flex">
|
||||
<ul className="w-[20%] mr-5 border-r border-[#eee] divide-y divide-solid divide-[#F6F6F6]">
|
||||
<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) => (
|
||||
<li
|
||||
key={item.key}
|
||||
@@ -67,7 +67,7 @@ const SetupPage = () => {
|
||||
))}
|
||||
</ul>
|
||||
|
||||
<div className='w-[80%] px-8'>
|
||||
<div className='w-full md:w-[80%] px-0 md:px-8'>
|
||||
{active === "system" && <System />}
|
||||
{active === "web" && <Web />}
|
||||
{active === "layout" && <Layout />}
|
||||
|
||||
Reference in New Issue
Block a user