diff --git a/packages/explorer/src/app/(explorer)/[chainName]/worlds/WorldsForm.tsx b/packages/explorer/src/app/(explorer)/[chainName]/worlds/WorldsForm.tsx index d590fcfc20..86533d4fdc 100644 --- a/packages/explorer/src/app/(explorer)/[chainName]/worlds/WorldsForm.tsx +++ b/packages/explorer/src/app/(explorer)/[chainName]/worlds/WorldsForm.tsx @@ -45,6 +45,12 @@ export function WorldsForm({ worlds }: { worlds: Address[] }) { } } + const handleOpenOptions = () => { + if (!open && worlds.length > 0) { + setOpen(true); + } + }; + return (

@@ -71,8 +77,15 @@ export function WorldsForm({ worlds }: { worlds: Address[] }) { field.onBlur(); setOpen(false); }} - onFocus={() => setOpen(true)} + onFocus={handleOpenOptions} placeholder="Enter world address..." + // Need to manually trigger form submission as CommandPrimitive.Input captures Enter key events + onKeyDown={(e) => { + if (!open && e.key === "Enter") { + e.preventDefault(); + form.handleSubmit(onSubmit)(); + } + }} > @@ -101,6 +114,7 @@ export function WorldsForm({ worlds }: { worlds: Address[] }) { shouldValidate: true, }); setOpen(false); + form.handleSubmit(onSubmit)(); }} className="cursor-pointer font-mono" > diff --git a/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/interact/page.tsx b/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/interact/page.tsx index 9e2234950a..4e524636bb 100644 --- a/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/interact/page.tsx +++ b/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/interact/page.tsx @@ -6,5 +6,9 @@ export const metadata: Metadata = { }; export default async function InteractPage() { - return ; + return ( +
+ +
+ ); } diff --git a/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/layout.tsx b/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/layout.tsx index ffa329b67d..4e1d2afe79 100644 --- a/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/layout.tsx +++ b/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/layout.tsx @@ -22,10 +22,8 @@ export default function WorldLayout({ params: { chainName }, children }: Props) return ( -
- - {children} -
+ + {children}
); diff --git a/packages/explorer/tailwind.config.ts b/packages/explorer/tailwind.config.ts index 4ea11a90ca..f99829666d 100644 --- a/packages/explorer/tailwind.config.ts +++ b/packages/explorer/tailwind.config.ts @@ -7,7 +7,7 @@ const config = { theme: { container: { center: true, - padding: "2rem", + padding: "1rem", screens: { "2xl": "1400px", },