将无限画布品牌logo移动到左上角入口
This commit is contained in:
parent
00735ec0cd
commit
31bc50fc64
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user