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

Add GraphQL variables editor

Browse Source
This commit is contained in:
Gregory Schier
2023-03-14 19:56:02 -07:00
parent 3247190a46
commit b761e3d9c1
8 changed files with 89 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src-web/components/Workspace.tsx
View File

@@ -10,7 +10,7 @@ import { useActiveRequest } from '../hooks/useActiveRequest';
export default function Workspace() {
const activeRequest = useActiveRequest();
const { width } = useWindowSize();
const isH = width > 900;
const isSideBySide = width > 900;
return (
<div className="grid grid-cols-[auto_1fr] grid-rows-1 h-full text-gray-900">
@@ -26,12 +26,12 @@ export default function Workspace() {
<div
className={classnames(
'grid',
isH
? 'grid-cols-[1fr_1fr] grid-rows-1'
isSideBySide
? 'grid-cols-[1fr_1fr] grid-rows-[minmax(0,1fr)]'
: 'grid-cols-1 grid-rows-[minmax(0,auto)_minmax(0,100%)]',
)}
>
<RequestPane fullHeight={isH} className={classnames(!isH && 'pr-2')} />
<RequestPane fullHeight={isSideBySide} className={classnames(!isSideBySide && 'pr-2')} />
<ResponsePane />
</div>
</div>