Additional methods and tweaks

This commit is contained in:
Gregory Schier
2023-02-24 14:10:25 -08:00
parent 0901690ed6
commit 9e1393a392
4 changed files with 9 additions and 5 deletions

View File

@@ -60,7 +60,7 @@ function App() {
onUrlChange={setUrl} onUrlChange={setUrl}
sendRequest={sendRequest} sendRequest={sendRequest}
/> />
<Editor value="" contentType={contentType} /> <Editor value={`{\n "foo": "bar"\n}`} contentType="application/json" />
</VStack> </VStack>
</VStack> </VStack>
<VStack className="w-full"> <VStack className="w-full">

View File

@@ -185,7 +185,7 @@ function DropdownMenuRadioItem({ rightSlot, children, ...props }: DropdownMenuRa
<ItemInner <ItemInner
leftSlot={ leftSlot={
<DropdownMenu.ItemIndicator> <DropdownMenu.ItemIndicator>
<DotFilledIcon /> <CheckIcon />
</DropdownMenu.ItemIndicator> </DropdownMenu.ItemIndicator>
} }
rightSlot={rightSlot} rightSlot={rightSlot}
@@ -263,7 +263,7 @@ const ItemInner = forwardRef<HTMLDivElement, ItemInnerProps>(function ItemInner(
)} )}
{...props} {...props}
> >
{leftSlot && <div className="w-7">{leftSlot}</div>} {leftSlot && <div className="w-6">{leftSlot}</div>}
<div>{children}</div> <div>{children}</div>
{rightSlot && <div className="ml-auto pl-3">{rightSlot}</div>} {rightSlot && <div className="ml-auto pl-3">{rightSlot}</div>}
</div> </div>

View File

@@ -54,8 +54,8 @@ export function Input({
className={classnames( className={classnames(
className, className,
'bg-transparent min-w-0 pl-3 pr-2 h-full w-full focus:outline-none', 'bg-transparent min-w-0 pl-3 pr-2 h-full w-full focus:outline-none',
leftSlot && 'pl-1', leftSlot && '!pl-1',
rightSlot && 'pr-1', rightSlot && '!pr-1',
)} )}
{...props} {...props}
/> />

View File

@@ -45,6 +45,10 @@ export function UrlBar({ sendRequest, onMethodChange, method, onUrlChange, url }
{ label: 'GET', value: 'GET' }, { label: 'GET', value: 'GET' },
{ label: 'PUT', value: 'PUT' }, { label: 'PUT', value: 'PUT' },
{ label: 'POST', value: 'POST' }, { label: 'POST', value: 'POST' },
{ label: 'PATCH', value: 'PATCH' },
{ label: 'DELETE', value: 'DELETE' },
{ label: 'OPTIONS', value: 'OPTIONS' },
{ label: 'HEAD', value: 'HEAD' },
]} ]}
> >
<Button disabled={loading} size="sm" className="ml-1" justify="start"> <Button disabled={loading} size="sm" className="ml-1" justify="start">