make the react code like the attached photo and make alignments of the fields as shown in the picture

$Thumbnail for prompt: [vite] Internal server error: Failed to resolve import "@/components/ui/card" from "src\components\Modal.jsx". Does the file exist? Plugin: vite:import-analysis File: F:/react/react-image-cropper/src/components/Modal.jsx:3:21 17 | import CloseIcon from "./CloseIcon"; 18 | import ImageCropper from "./ImageCropper"; 19 | import { Card } from "@/components/ui/card"; | ^ 20 | import { Label } from "@/components/ui/label"; 21 | import { Input } from "@/components/ui/input"; at formatError (file:///F:/react/react-image-cropper/node_modules/vite/dist/node/chunks/dep-T98iZFpD.js:61701:46) at TransformContext.error (file:///F:/react/react-image-cropper/node_modules/vite/dist/node/chunks/dep-T98iZFpD.js:61695:19) at normalizeUrl (file:///F:/react/react-image-cropper/node_modules/vite/dist/node/chunks/dep-T98iZFpD.js:59988:33) at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async file:///$

Add component to projectLearn more

Log In to Copy Code

History