dekun/zhimingge
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Narrow desktop layout margins and fix taiji icon in light mode.

Browse Source 
Cap content width at 1152px with side margins on ultrawide screens, add stroke to taiji logo for light backgrounds, and shrink backdrop watermark.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-11 00:04:10 +08:00
parent 04c77dbf77
commit 18dd2e3501
5 changed files with 47 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/layout/mode-workspace.tsx
+2 -2
View File
@@ -1,7 +1,7 @@
"use client";
import { Sparkles } from "lucide-react";
import { APP_CONTAINER } from "@/lib/layout";
import { MODE_CONTAINER } from "@/lib/layout";
export function ModeWorkspace({
children,
@@ -13,7 +13,7 @@ export function ModeWorkspace({
aiTitle?: string;
}) {
return (
<div className={`${APP_CONTAINER} py-6 lg:py-8`}>
<div className={`${MODE_CONTAINER} py-6 lg:py-8`}>
<div className="grid gap-6 lg:grid-cols-2 lg:items-stretch lg:gap-8 xl:gap-10">
<div className="grid h-full min-h-0 auto-rows-fr gap-5 lg:min-h-[calc(100vh-9rem)]">
{children}
components/layout/taiji-backdrop.tsx
+5 -5
View File
@@ -1,15 +1,15 @@
import { TaijiWatermark } from "@/components/svg/taiji";
/** 全页太极背景水印 */
/** 全页太极背景水印（居中，不撑满超宽屏） */
export default function TaijiBackdrop() {
return (
<div
aria-hidden
className="pointer-events-none fixed inset-0 -z-10 overflow-hidden bg-background/80"
className="pointer-events-none fixed inset-0 -z-10 overflow-hidden"
>
<TaijiWatermark className="absolute left-1/2 top-1/2 h-[min(95vmin,1200px)] w-[min(95vmin,1200px)] -translate-x-1/2 -translate-y-1/2 opacity-90" />
<TaijiWatermark className="absolute -right-[8%] top-[6%] h-[min(42vmin,520px)] w-[min(42vmin,520px)] opacity-45" />
<TaijiWatermark className="absolute -left-[10%] bottom-[4%] h-[min(38vmin,460px)] w-[min(38vmin,460px)] opacity-40" />
<TaijiWatermark className="absolute left-1/2 top-1/2 h-[min(72vmin,720px)] w-[min(72vmin,720px)] -translate-x-1/2 -translate-y-1/2" />
<TaijiWatermark className="absolute right-[8%] top-[10%] hidden h-[min(28vmin,320px)] w-[min(28vmin,320px)] opacity-60 lg:block" />
<TaijiWatermark className="absolute bottom-[8%] left-[8%] hidden h-[min(24vmin,280px)] w-[min(24vmin,280px)] opacity-50 lg:block" />
</div>
);
}