Refine webui layout and config defaults

This commit is contained in:
lpf
2026-03-07 14:23:48 +08:00
parent fe0437b9cf
commit b5bb9a33e7
23 changed files with 1132 additions and 357 deletions

View File

@@ -111,8 +111,8 @@ const Memory: React.FC = () => {
}, [q]);
return (
<div className="flex h-full">
<aside className="w-72 border-r border-zinc-800 p-4 space-y-2 overflow-y-auto">
<div className="flex h-full flex-col lg:flex-row">
<aside className="w-full lg:w-72 border-b lg:border-b-0 lg:border-r border-zinc-800 p-4 space-y-2 overflow-y-auto">
<div className="flex items-center justify-between">
<h2 className="font-semibold">{t('memoryFiles')}</h2>
<button onClick={createFile} className="px-2 py-1 rounded bg-zinc-800">+</button>
@@ -124,12 +124,12 @@ const Memory: React.FC = () => {
</div>
))}
</aside>
<main className="flex-1 p-4 space-y-3">
<main className="flex-1 p-4 md:p-6 space-y-3 min-h-0">
<div className="flex items-center justify-between">
<h2 className="font-semibold">{active || t('noFileSelected')}</h2>
<button onClick={saveFile} className="px-3 py-1 rounded bg-indigo-600">{t('save')}</button>
</div>
<textarea value={content} onChange={(e) => setContent(e.target.value)} className="w-full h-[80vh] bg-zinc-900 border border-zinc-800 rounded p-3" />
<textarea value={content} onChange={(e) => setContent(e.target.value)} className="w-full h-[50vh] lg:h-[80vh] bg-zinc-900 border border-zinc-800 rounded p-3" />
</main>
</div>
);