starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-29 13:41:51 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Started on grid layout

Browse Source
This commit is contained in:
Gregory Schier
2023-02-22 19:44:44 -08:00
parent 6c549dc086
commit 00a7d9a180
7 changed files with 98 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src-web/components/UrlBar.tsx
View File

@@ -28,12 +28,13 @@ export function UrlBar({ sendRequest, onMethodChange, method, onUrlChange, url }
};
return (
<HStack as="form" className="items-end" onSubmit={handleSendRequest} space={2}>
<form onSubmit={handleSendRequest} className="w-full flex items-center">
<Input
hideLabel
size="sm"
name="url"
label="Enter URL"
className="font-mono pr-12"
className="font-mono"
onChange={(e) => onUrlChange(e.currentTarget.value)}
value={url}
placeholder="Enter a URL..."
@@ -47,7 +48,7 @@ export function UrlBar({ sendRequest, onMethodChange, method, onUrlChange, url }
{ label: 'POST', value: 'POST' },
]}
>
<Button disabled={loading} forDropdown size="sm" className="ml-1 w-22" justify="start">
<Button disabled={loading} size="xs" className="ml-1" justify="start">
{method.label}
</Button>
</DropdownMenuRadio>
@@ -57,11 +58,11 @@ export function UrlBar({ sendRequest, onMethodChange, method, onUrlChange, url }
icon={loading ? 'update' : 'paper-plane'}
spin={loading}
disabled={loading}
size="sm"
className="w-10 mr-1"
size="xs"
className="mr-1"
/>
}
/>
</HStack>
</form>
);
}