kangwan/ai-toy-patent-workflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: apply oasis glass theme to workspace

Browse Source
This commit is contained in:
kang
2026-05-19 15:55:18 +08:00
parent 2f2ea06767
commit 193708a836
7 changed files with 204 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/page.tsx
View File

@@ -5,6 +5,7 @@ import PromptPanel from '@/components/PromptPanel';
import ResultGrid from '@/components/ResultGrid';
import Sidebar from '@/components/Sidebar';
import PackPanel from '@/components/PackPanel';
import { OasisCanvas } from '@/components/login/OasisCanvas';
import type {
GenImage,
GenSession,
@@ -277,7 +278,11 @@ export default function Home() {
}
return (
<div className="flex h-screen text-white">
<div className="app-oasis relative h-screen overflow-hidden text-white">
<OasisCanvas />
<div className="app-oasis-shade" />
<div className="app-grass-floor" />
<div className="relative z-10 flex h-screen text-white">
<Sidebar
open={sidebarOpen}
onToggle={() => setSidebarOpen(v => !v)}
@@ -287,20 +292,20 @@ export default function Home() {
onNew={() => setCurrent(null)}
/>
<main className="flex-1 overflow-y-auto">
<div className="mx-auto max-w-[1200px] px-10 py-10">
<div className="mx-auto max-w-[1240px] px-10 py-8">
<header className="flex items-center justify-between mb-8 gap-4">
<div className="flex items-center gap-3 min-w-0">
<div className="w-9 h-9 rounded-xl bg-gradient-to-br from-violet-500 to-blue-500 flex items-center justify-center shrink-0 shadow-glow-violet">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="white" strokeWidth="2.5">
<div className="w-9 h-9 rounded-[8px] bg-gradient-to-br from-[#e6f578] to-[#d6b36a] flex items-center justify-center shrink-0 shadow-glow-violet">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#081006" strokeWidth="2.5">
<path d="M12 2l2.5 6.5L21 11l-6.5 2.5L12 20l-2.5-6.5L3 11l6.5-2.5z" strokeLinejoin="round" />
</svg>
</div>
<div className="min-w-0">
<h1 className="text-base font-semibold tracking-tight leading-tight text-white">
<h1 className="text-base font-semibold tracking-tight leading-tight text-[#f8f7ef]">
AI Toy Patent
<span className="ml-2 text-white/40 font-normal text-sm">把一句想法变成专利 / 生产 / 宣发素材包</span>
<span className="ml-2 text-white/48 font-normal text-sm">把一句想法变成专利 / 生产 / 宣发素材包</span>
</h1>
<p className="text-[11px] text-white/35 mt-0.5">批量出意向 · 快筛 · 锁定角色 · 一键四包 · Seedance 视频</p>
<p className="text-[11px] text-[#e6f578]/55 mt-0.5">批量出意向 · 快筛 · 锁定角色 · 一键四包 · Seedance 视频</p>
</div>
</div>
<div className="flex items-center gap-2 shrink-0">
@@ -310,7 +315,7 @@ export default function Home() {
href={`/api/gallery/${encodeURIComponent(current.id)}`}
target="_blank"
rel="noreferrer"
className="chip chip-neutral hover:border-violet-300/40 hover:text-white transition-colors"
className="chip chip-neutral hover:border-[#e6f578]/40 hover:text-white transition-colors"
>
图库
</a>
@@ -318,7 +323,7 @@ export default function Home() {
href={`/api/audit/${encodeURIComponent(current.id)}`}
target="_blank"
rel="noreferrer"
className="chip chip-neutral hover:border-violet-300/40 hover:text-white transition-colors"
className="chip chip-neutral hover:border-[#e6f578]/40 hover:text-white transition-colors"
>
记录
</a>
@@ -326,7 +331,7 @@ export default function Home() {
)}
<button
onClick={handleLogout}
className="chip chip-neutral hover:border-violet-300/40 hover:text-white transition-colors"
className="chip chip-neutral hover:border-[#e6f578]/40 hover:text-white transition-colors"
>
退出
</button>
@@ -374,6 +379,7 @@ export default function Home() {
</div>
</div>
</main>
</div>
</div>
);
}