将无限画布品牌logo移动到左上角入口

This commit is contained in:
Your Name 2026-02-09 01:27:24 +08:00
parent 00735ec0cd
commit 31bc50fc64

View File

@ -479,6 +479,31 @@ export default function CanvasEditorPage({ params }: PageProps) {
<CanvasWorkspace /> <CanvasWorkspace />
</div> </div>
{/* Brand Entry (Top Left) */}
<div className="absolute top-4 left-4 z-20">
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="ghost"
onClick={() => router.push("/")}
className="h-14 w-14 rounded-2xl border bg-background/85 p-0 shadow-sm backdrop-blur-md hover:bg-background"
>
{(siteSettingsData?.siteLogo || siteSettingsData?.siteLogoDark) ? (
<img
src={siteSettingsData?.siteLogo || siteSettingsData?.siteLogoDark || ""}
alt={siteSettingsData?.siteName || "返回首页"}
className="h-7 w-7 object-contain"
draggable={false}
/>
) : (
<Grid3X3 className="h-5 w-5" />
)}
</Button>
</TooltipTrigger>
<TooltipContent>返回首页</TooltipContent>
</Tooltip>
</div>
{/* 2. Floating Header (Top Left) */} {/* 2. Floating Header (Top Left) */}
<div className="absolute top-4 left-[5.5rem] z-20 flex items-center gap-2 bg-background/80 backdrop-blur-md border rounded-xl p-1.5 shadow-sm"> <div className="absolute top-4 left-[5.5rem] z-20 flex items-center gap-2 bg-background/80 backdrop-blur-md border rounded-xl p-1.5 shadow-sm">
<Tooltip> <Tooltip>
@ -576,33 +601,6 @@ export default function CanvasEditorPage({ params }: PageProps) {
{/* 5. Floating Bottom Toolbar (Left) */} {/* 5. Floating Bottom Toolbar (Left) */}
<div className="absolute left-4 top-1/2 -translate-y-1/2 z-20"> <div className="absolute left-4 top-1/2 -translate-y-1/2 z-20">
<div className="flex flex-col items-center gap-2 p-1.5 rounded-2xl border bg-background/80 backdrop-blur-md shadow-2xl"> <div className="flex flex-col items-center gap-2 p-1.5 rounded-2xl border bg-background/80 backdrop-blur-md shadow-2xl">
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="ghost"
onClick={() => router.push("/")}
className="h-auto w-12 rounded-xl px-1.5 py-1.5 flex flex-col items-center gap-1"
>
{(siteSettingsData?.siteLogo || siteSettingsData?.siteLogoDark) ? (
<img
src={siteSettingsData?.siteLogo || siteSettingsData?.siteLogoDark || ""}
alt={siteSettingsData?.siteName || "返回首页"}
className="h-5 w-5 object-contain"
draggable={false}
/>
) : (
<Grid3X3 className="h-4 w-4" />
)}
<span className="max-w-[44px] truncate text-[10px] leading-tight text-muted-foreground">
{siteSettingsData?.siteName || "首页"}
</span>
</Button>
</TooltipTrigger>
<TooltipContent side="right">返回首页</TooltipContent>
</Tooltip>
<Separator orientation="horizontal" className="w-5 my-0.5" />
{/* Tools: Select, Pan, Add Text, Add Image, Add Video */} {/* Tools: Select, Pan, Add Text, Add Image, Add Video */}
<Tooltip> <Tooltip>
<TooltipTrigger asChild> <TooltipTrigger asChild>