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
@@ -1,6 +1,7 @@
|
||||
"use client";
|
||||
|
||||
import { FolderTree } from "lucide-react";
|
||||
import { useTranslations } from "next-intl";
|
||||
import { lazy, Suspense, useState } from "react";
|
||||
import { StudioPanelLoading } from "./studio-panel-loading";
|
||||
|
||||
@@ -11,6 +12,7 @@ const OrganizeImportsDialog = lazy(() =>
|
||||
);
|
||||
|
||||
export function OrganizeImportsLauncher() {
|
||||
const t = useTranslations("pages.admin.catalog.workspace.organizeImports");
|
||||
const [open, setOpen] = useState(false);
|
||||
const [requested, setRequested] = useState(false);
|
||||
return (
|
||||
@@ -24,7 +26,7 @@ export function OrganizeImportsLauncher() {
|
||||
className="flex min-h-10 items-center gap-2 rounded-lg px-3 text-sm font-medium text-[var(--admin-text-muted)] hover:bg-[var(--admin-accent)]/10"
|
||||
>
|
||||
<FolderTree size={16} />
|
||||
Organize imports
|
||||
{t("title")}
|
||||
</button>
|
||||
{requested && (
|
||||
<Suspense
|
||||
|
||||
Reference in new issue
Block a user