style(App): localise console toggle labels, inline ease via tailwind class (P3-46, P3-47)

aria-label/title now use app.hideConsole/app.showConsole i18n keys; the
grid transition timing function moves from inline style into an
ease-[cubic-bezier(...)] utility.
This commit is contained in:
ZacharyZhang-NY committed 2026-04-16 23:08:32 -04:00
1 parent 525f6ed335
commit e54aee8d8b
1 file changed
+3 -3
+3 -3
View File
@@ -161,7 +161,7 @@ export function App() {
<AppActionsContext.Provider value={appActions}>
<div className="flex h-[100dvh] flex-col overflow-hidden bg-background">
{showCustomTitleBar && <TitleBar />}
<div className={`grid min-h-0 flex-1 overflow-hidden transition-[grid-template-columns] duration-200 ${ui.sidebarCollapsed ? "grid-cols-[56px_minmax(0,1fr)]" : "grid-cols-[220px_minmax(0,1fr)]"}`} style={{ transitionTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)" }}>
<div className={`grid min-h-0 flex-1 overflow-hidden transition-[grid-template-columns] duration-200 ease-[cubic-bezier(0.16,1,0.3,1)] ${ui.sidebarCollapsed ? "grid-cols-[56px_minmax(0,1fr)]" : "grid-cols-[220px_minmax(0,1fr)]"}`}>
<SidebarView
isMac={isMac}
@@ -192,8 +192,8 @@ export function App() {
<div className="flex shrink-0 items-center gap-3 lg:gap-5">
<button
type="button"
aria-label={ui.consoleOpen ? "Hide console" : "Show console"}
title={ui.consoleOpen ? "Hide console" : "Show console"}
aria-label={ui.consoleOpen ? ui.t("app.hideConsole") : ui.t("app.showConsole")}
title={ui.consoleOpen ? ui.t("app.hideConsole") : ui.t("app.showConsole")}
className="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 inline-flex items-center gap-2 py-1 text-[12px] font-semibold text-muted-foreground transition hover:text-foreground"
onClick={() => ui.setConsoleOpen(!ui.consoleOpen)}
>