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

Better grid layouts

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

10
src-web/components/ResponsePane.tsx
View File

@@ -16,7 +16,11 @@ import { HStack } from './core/Stacks';
import { StatusColor } from './core/StatusColor';
import { Webview } from './core/Webview';
export const ResponsePane = memo(function ResponsePane() {
interface Props {
className?: string;
}
export const ResponsePane = memo(function ResponsePane({ className }: Props) {
const [pinnedResponseId, setPinnedResponseId] = useState<string | null>(null);
const activeRequestId = useActiveRequestId();
const responses = useResponses(activeRequestId);
@@ -39,10 +43,10 @@ export const ResponsePane = memo(function ResponsePane() {
);
return (
<div className={classnames('h-full w-full p-3')}>
<div className={classnames(className, 'h-full w-full')}>
<div
className={classnames(
'max-h-full h-full grid grid-rows-[auto_minmax(0,1fr)] grid-cols-1 ',
'bg-gray-50 max-h-full h-full grid grid-rows-[auto_minmax(0,1fr)] grid-cols-1 ',
'dark:bg-gray-100 rounded-md overflow-hidden border border-highlight',
'shadow shadow-gray-100 dark:shadow-gray-0',
)}