Fix imageview padding

This commit is contained in:
Gregory Schier
2023-04-13 22:33:47 -07:00
parent 43ac6afae1
commit 577cfe5bdc
2 changed files with 11 additions and 3 deletions

View File

@@ -1,15 +1,23 @@
import { convertFileSrc } from '@tauri-apps/api/tauri';
import classnames from 'classnames';
import type { HttpResponse } from '../../lib/models';
interface Props {
response: HttpResponse;
className?: string;
}
export function ImageViewer({ response }: Props) {
export function ImageViewer({ response, className }: Props) {
if (response.bodyPath === null) {
return <div>Empty response body</div>;
}
const src = convertFileSrc(response.bodyPath);
return <img src={src} alt="Response preview" />;
return (
<img
src={src}
alt="Response preview"
className={classnames(className, 'max-w-full max-h-full')}
/>
);
}