tt/ttstd-infinite-canvas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(platform): 用户工作区 - 收紧素材卡片与分页布局并统一设置页表面

Browse Source
This commit is contained in:
ddCat
2026-08-04 21:23:16 +08:00
parent e84fbb8a76
commit a03eb9ed0a
6 changed files with 45 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/pages/settings/index.tsx
View File

@@ -253,7 +253,7 @@ export default function SettingsPage() {
};
return (
<main className="flex h-full min-h-0 flex-col bg-background text-foreground">
<main className="flex h-full min-h-0 flex-col bg-[var(--workspace-canvas)] text-foreground">
<header className="flex min-h-16 shrink-0 items-center justify-between gap-4 border-b border-border/70 px-4 py-3 sm:px-5">
<div className="flex min-w-0 items-center gap-3">
{shouldPromptContinue ? (
@@ -268,7 +268,7 @@ export default function SettingsPage() {
{shouldPromptContinue ? <Button type="primary" onClick={finishConfig}>保存并返回创作</Button> : null}
</header>
<div className="flex min-h-0 flex-1 flex-col md:flex-row">
<aside className="w-full shrink-0 border-b border-border/70 bg-muted/[.12] p-2 md:w-[224px] md:border-b-0 md:border-r md:p-3">
<aside className="w-full shrink-0 border-b border-border/70 bg-transparent p-2 md:w-[224px] md:border-b-0 md:border-r md:p-3">
<nav className="thin-scrollbar flex gap-1 overflow-x-auto md:block md:space-y-1" aria-label="配置分类">
{configSections.map((item) => {
const selected = item.key === activeTab;
@@ -288,8 +288,8 @@ export default function SettingsPage() {
</nav>
</aside>
<section className="flex min-h-0 min-w-0 flex-1 flex-col bg-background">
<div className="thin-scrollbar min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-4 md:px-6 md:py-5">
<section className="flex min-h-0 min-w-0 flex-1 flex-col bg-transparent">
<div className="app-workspace-scroll min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-4 md:px-6 md:py-5">
<div className={activeTab === "prompts" ? "h-full w-full" : "mx-auto w-full max-w-[1180px]"}>
{([
{