调整:部分表单

This commit is contained in:
Liu 宇阳
2024-11-13 14:22:35 +08:00
parent 1a20d60841
commit 3c586649b6
4 changed files with 42 additions and 7 deletions

View File

@@ -71,6 +71,34 @@ const ThemePage = () => {
<h2 className="text-xl pb-4 pl-10"></h2>
<div className='w-full lg:w-[500px] md:ml-10'>
<Divider orientation="left"> Logo</Divider>
<div className="mb-8">
<Input
value={theme.lightLogo}
onChange={(e) => setTheme({ ...theme, lightLogo: e.target.value })}
placeholder="请输入亮色Logo地址"
prefix={<PictureOutlined />}
addonAfter={<UploadBtn />}
size='large'
className='customizeAntdInputAddonAfter'
/>
<img src={theme.lightLogo} alt="" className="w-1/3 mt-4 rounded" />
</div>
<Divider orientation="left"> Logo</Divider>
<div className="mb-8">
<Input
value={theme.darkLogo}
onChange={(e) => setTheme({ ...theme, darkLogo: e.target.value })}
placeholder="请输入暗色Logo地址"
prefix={<PictureOutlined />}
addonAfter={<UploadBtn />}
size='large'
className='customizeAntdInputAddonAfter'
/>
<img src={theme.darkLogo} alt="" className="w-1/3 mt-4 rounded" />
</div>
<Divider orientation="left"></Divider>
<div className="mb-8">
<Input
@@ -121,7 +149,7 @@ const ThemePage = () => {
<Divider orientation="left"></Divider>
<div className='overflow-auto w-full'>
<div className="sidebar w-[750px] flex mb-4">
{['author', 'randomArticle', 'hotArticle', 'newComments'].map((item) => (
{['author', 'randomArticle', 'newComments', 'hotArticle'].map((item) => (
<div key={item} className={`item flex flex-col items-center p-4 m-4 border-2 rounded cursor-pointer ${theme.rightSidebar && JSON.parse(theme.rightSidebar).includes(item) ? 'border-primary' : 'border-[#eee]'}`} onClick={() => onSidebar(item)}>
<p className={`text-center ${theme.rightSidebar && JSON.parse(theme.rightSidebar).includes(item) ? 'text-primary' : ''}`}>
{item === 'author' ? '作者信息模块' : item === 'hotArticle' ? '热门文章模块' : item === 'randomArticle' ? '随机推荐模块' : '最新评论模块'}