refactor: 调整UI布局和窗口配置
调整内容: - 恢复窗口尺寸为1200x900,保持原有的显示效果 - 移除屏幕适配设置页面,简化应用结构 - 优化主容器滚动样式,添加smooth-scroll效果 - 移除AI分类设置页面的高度限制,改善内容显示 UI优化: - 主容器添加overflow-y-auto和smooth-scroll - AI分类设置页面移除max-h限制,提升用户体验 - 保持原有的响应式布局和间距设计 这些调整确保了应用在标准屏幕上的最佳显示效果
This commit is contained in:
parent
78f27983a6
commit
230436240d
|
|
@ -17,7 +17,6 @@ import DebugPanelTool from './pages/tools/DebugPanelTool';
|
|||
import ChatTool from './pages/tools/ChatTool';
|
||||
import ChatTestPage from './pages/tools/ChatTestPage';
|
||||
import WatermarkTool from './pages/tools/WatermarkTool';
|
||||
import Settings from './pages/Settings';
|
||||
// import BatchThumbnailGenerator from './pages/tools/BatchThumbnailGenerator';
|
||||
|
||||
import Navigation from './components/Navigation';
|
||||
|
|
@ -99,8 +98,8 @@ function App() {
|
|||
<Navigation />
|
||||
|
||||
{/* 可滚动的主要内容区域 */}
|
||||
<main className="flex-1 relative">
|
||||
<div className="container mx-auto px-4 sm:px-6 lg:px-8 py-4 sm:py-6 lg:py-8 overflow-hidden max-w-full absolute top-0 left-0 right-0 bottom-0">
|
||||
<main className="flex-1 ">
|
||||
<div className="container mx-auto px-4 sm:px-6 lg:px-8 py-4 sm:py-6 lg:py-8 max-w-full max-h-full overflow-y-auto smooth-scroll">
|
||||
<Routes>
|
||||
<Route path="/" element={<ProjectList />} />
|
||||
<Route path="/project/:id" element={<ProjectDetails />} />
|
||||
|
|
@ -119,7 +118,6 @@ function App() {
|
|||
<Route path="/tools/ai-chat" element={<ChatTool />} />
|
||||
<Route path="/tools/chat-test" element={<ChatTestPage />} />
|
||||
<Route path="/tools/watermark" element={<WatermarkTool />} />
|
||||
<Route path="/settings" element={<Settings />} />
|
||||
{/* <Route path="/tools/batch-thumbnail-generator" element={<BatchThumbnailGenerator />} /> */}
|
||||
</Routes>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -348,7 +348,7 @@ const AiClassificationSettings: React.FC = () => {
|
|||
</div>
|
||||
|
||||
{/* 美观的分类卡片网格 - 优化滚动 */}
|
||||
<div className="grid gap-4 max-h-[calc(100vh-16rem)] overflow-y-auto custom-scrollbar">
|
||||
<div className="grid gap-4">
|
||||
{classifications.map((classification, index) => (
|
||||
<div
|
||||
key={classification.id}
|
||||
|
|
|
|||
|
|
@ -1095,7 +1095,7 @@ export const ProjectDetails: React.FC = () => {
|
|||
</div>
|
||||
|
||||
{/* 选项卡内容 */}
|
||||
<div className="h-[calc(100vh-16rem)] overflow-y-auto custom-scrollbar">
|
||||
<div className="h-full">
|
||||
{/* 项目概述选项卡 */}
|
||||
{activeTab === 'overview' && (
|
||||
<div className="p-4 md:p-6 space-y-6">
|
||||
|
|
|
|||
Loading…
Reference in New Issue