styles for image preview box

This commit is contained in:
Rodrigo Antinarelli 2020-06-22 20:14:59 -03:00
parent a538824cc7
commit c89f3682cc

View File

@ -388,10 +388,13 @@ const ViewportDownloadForm = ({
</div> </div>
{viewportPreview.src ? ( {viewportPreview.src ? (
<div className="preview" data-cy="image-preview"> <div
<div className="preview-header">Image preview</div> className="p-4 rounded bg-secondary-dark border-secondary-primary"
data-cy="image-preview"
>
<Typography variant="h5">Image preview</Typography>
<img <img
className="viewport-preview" className="mt-4"
src={viewportPreview.src} src={viewportPreview.src}
alt="Preview" alt="Preview"
data-cy="image-preview" data-cy="image-preview"