refactor: 调整UI布局和窗口配置

调整内容:
- 恢复窗口尺寸为1200x900,保持原有的显示效果
- 移除屏幕适配设置页面,简化应用结构
- 优化主容器滚动样式,添加smooth-scroll效果
- 移除AI分类设置页面的高度限制,改善内容显示

UI优化:
- 主容器添加overflow-y-auto和smooth-scroll
- AI分类设置页面移除max-h限制,提升用户体验
- 保持原有的响应式布局和间距设计

这些调整确保了应用在标准屏幕上的最佳显示效果
This commit is contained in:
imeepos 2025-07-23 20:58:39 +08:00
parent 78f27983a6
commit 230436240d
3 changed files with 4 additions and 6 deletions

View File

@ -17,7 +17,6 @@ import DebugPanelTool from './pages/tools/DebugPanelTool';
import ChatTool from './pages/tools/ChatTool'; import ChatTool from './pages/tools/ChatTool';
import ChatTestPage from './pages/tools/ChatTestPage'; import ChatTestPage from './pages/tools/ChatTestPage';
import WatermarkTool from './pages/tools/WatermarkTool'; import WatermarkTool from './pages/tools/WatermarkTool';
import Settings from './pages/Settings';
// import BatchThumbnailGenerator from './pages/tools/BatchThumbnailGenerator'; // import BatchThumbnailGenerator from './pages/tools/BatchThumbnailGenerator';
import Navigation from './components/Navigation'; import Navigation from './components/Navigation';
@ -99,8 +98,8 @@ function App() {
<Navigation /> <Navigation />
{/* 可滚动的主要内容区域 */} {/* 可滚动的主要内容区域 */}
<main className="flex-1 relative"> <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 overflow-hidden max-w-full absolute top-0 left-0 right-0 bottom-0"> <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> <Routes>
<Route path="/" element={<ProjectList />} /> <Route path="/" element={<ProjectList />} />
<Route path="/project/:id" element={<ProjectDetails />} /> <Route path="/project/:id" element={<ProjectDetails />} />
@ -119,7 +118,6 @@ function App() {
<Route path="/tools/ai-chat" element={<ChatTool />} /> <Route path="/tools/ai-chat" element={<ChatTool />} />
<Route path="/tools/chat-test" element={<ChatTestPage />} /> <Route path="/tools/chat-test" element={<ChatTestPage />} />
<Route path="/tools/watermark" element={<WatermarkTool />} /> <Route path="/tools/watermark" element={<WatermarkTool />} />
<Route path="/settings" element={<Settings />} />
{/* <Route path="/tools/batch-thumbnail-generator" element={<BatchThumbnailGenerator />} /> */} {/* <Route path="/tools/batch-thumbnail-generator" element={<BatchThumbnailGenerator />} /> */}
</Routes> </Routes>
</div> </div>

View File

@ -348,7 +348,7 @@ const AiClassificationSettings: React.FC = () => {
</div> </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) => ( {classifications.map((classification, index) => (
<div <div
key={classification.id} key={classification.id}

View File

@ -1095,7 +1095,7 @@ export const ProjectDetails: React.FC = () => {
</div> </div>
{/* 选项卡内容 */} {/* 选项卡内容 */}
<div className="h-[calc(100vh-16rem)] overflow-y-auto custom-scrollbar"> <div className="h-full">
{/* 项目概述选项卡 */} {/* 项目概述选项卡 */}
{activeTab === 'overview' && ( {activeTab === 'overview' && (
<div className="p-4 md:p-6 space-y-6"> <div className="p-4 md:p-6 space-y-6">