From 4759cce8a4844f84fe17c294fc79f95202d3dd1b Mon Sep 17 00:00:00 2001 From: Johannes Kirschbauer Date: Wed, 30 Jul 2025 14:27:10 +0200 Subject: [PATCH 1/2] ui/modal: autofocus first input --- pkgs/clan-app/ui/src/routes/Clan/Clan.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pkgs/clan-app/ui/src/routes/Clan/Clan.tsx b/pkgs/clan-app/ui/src/routes/Clan/Clan.tsx index bc1d6beba..ea6e54b90 100644 --- a/pkgs/clan-app/ui/src/routes/Clan/Clan.tsx +++ b/pkgs/clan-app/ui/src/routes/Clan/Clan.tsx @@ -79,7 +79,7 @@ const MockCreateMachine = (props: MockProps) => { label="Name" size="s" required={true} - input={{ ...props, placeholder: "name" }} + input={{ ...props, placeholder: "name", autofocus: true }} /> )} From 17b75500fb7dc60711920d0faddd86ae59f6799f Mon Sep 17 00:00:00 2001 From: Johannes Kirschbauer Date: Wed, 30 Jul 2025 15:46:43 +0200 Subject: [PATCH 2/2] ui/button: hide loader when not loading --- pkgs/clan-app/ui/src/components/Button/Button.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pkgs/clan-app/ui/src/components/Button/Button.tsx b/pkgs/clan-app/ui/src/components/Button/Button.tsx index 3966cfa98..2f7204d9a 100644 --- a/pkgs/clan-app/ui/src/components/Button/Button.tsx +++ b/pkgs/clan-app/ui/src/components/Button/Button.tsx @@ -70,7 +70,7 @@ export const Button = (props: ButtonProps) => { const loadingClass = "w-4 opacity-100 mr-[revert] transition-all duration-500 ease-linear"; const idleClass = - "w-0 opacity-0 top-0 left-0 -mr-2 transition-all duration-500 ease-linear"; + "hidden w-0 opacity-0 top-0 left-0 -mr-2 transition-all duration-500 ease-linear"; return (