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:
1 parent
525f6ed335
commit
e54aee8d8b
1 file changed
+3
-3
@@ -161,7 +161,7 @@ export function App() {
|
|||||||
<AppActionsContext.Provider value={appActions}>
|
<AppActionsContext.Provider value={appActions}>
|
||||||
<div className="flex h-[100dvh] flex-col overflow-hidden bg-background">
|
<div className="flex h-[100dvh] flex-col overflow-hidden bg-background">
|
||||||
{showCustomTitleBar && <TitleBar />}
|
{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
|
<SidebarView
|
||||||
isMac={isMac}
|
isMac={isMac}
|
||||||
@@ -192,8 +192,8 @@ export function App() {
|
|||||||
<div className="flex shrink-0 items-center gap-3 lg:gap-5">
|
<div className="flex shrink-0 items-center gap-3 lg:gap-5">
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
aria-label={ui.consoleOpen ? "Hide console" : "Show console"}
|
aria-label={ui.consoleOpen ? ui.t("app.hideConsole") : ui.t("app.showConsole")}
|
||||||
title={ui.consoleOpen ? "Hide console" : "Show console"}
|
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"
|
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)}
|
onClick={() => ui.setConsoleOpen(!ui.consoleOpen)}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in new issue
Block a user