feat(studio): localize catalog studio UI and polish responsive layout
Route all Catalog Studio strings through the admin.studio namespace (workspace, filters, review, inspector, quality, sync, scale32, organize imports and page titles/subtitles) with English fallback, and add shared StudioPage chrome plus a loading skeleton. Tighten mobile padding on the header and sub-bars.
This commit is contained in:
1 parent
d7d6382b60
commit
56676effc3
28 files changed
+1293
-634
No files matched your search
@@ -0,0 +1,37 @@
|
||||
import type { LucideIcon } from "lucide-react";
|
||||
import type { ReactNode } from "react";
|
||||
import { AdminPageShell } from "@/components/admin/admin-page-shell";
|
||||
|
||||
interface StudioPageProps {
|
||||
icon?: LucideIcon;
|
||||
title: string;
|
||||
subtitle?: string;
|
||||
actions?: ReactNode;
|
||||
children: ReactNode;
|
||||
}
|
||||
|
||||
/**
|
||||
* Consistent chrome for Catalog Studio sub-pages: the shared admin page
|
||||
* header (icon tile, title, subtitle, optional actions) with the studio's
|
||||
* standard padding, so every tool page lines up the same way.
|
||||
*/
|
||||
export function StudioPage({
|
||||
icon,
|
||||
title,
|
||||
subtitle,
|
||||
actions,
|
||||
children,
|
||||
}: StudioPageProps) {
|
||||
return (
|
||||
<div className="p-3 sm:p-4">
|
||||
<AdminPageShell
|
||||
icon={icon}
|
||||
title={title}
|
||||
subtitle={subtitle}
|
||||
actions={actions}
|
||||
>
|
||||
{children}
|
||||
</AdminPageShell>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in new issue
Block a user