Better grid layouts

This commit is contained in:
Gregory Schier
2023-03-25 18:12:09 -07:00
parent 1c9381b2bd
commit 3ec88fc896
8 changed files with 329 additions and 286 deletions

View File

@@ -78,25 +78,16 @@ export function RequestPane({ fullHeight, className }: Props) {
return (
<div
className={classnames(
className,
'h-full py-3 grid grid-rows-[auto_minmax(0,1fr)] grid-cols-1',
)}
className={classnames(className, 'h-full grid grid-rows-[auto_minmax(0,1fr)] grid-cols-1')}
>
{activeRequest && (
<>
<UrlBar
className="pl-3"
id={activeRequest.id}
url={activeRequest.url}
method={activeRequest.method}
/>
<UrlBar id={activeRequest.id} url={activeRequest.url} method={activeRequest.method} />
<Tabs
value={activeTab.value}
onChangeValue={activeTab.set}
tabs={tabs}
className="mt-2"
tabListClassName="pl-3"
label="Request body"
>
<TabContent value="auth">