diff options
Diffstat (limited to 'FrontEnd/src/pages/timeline/edit/ImagePostEdit.tsx')
-rw-r--r-- | FrontEnd/src/pages/timeline/edit/ImagePostEdit.tsx | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/FrontEnd/src/pages/timeline/edit/ImagePostEdit.tsx b/FrontEnd/src/pages/timeline/edit/ImagePostEdit.tsx index 4676e45a..c62c8ee5 100644 --- a/FrontEnd/src/pages/timeline/edit/ImagePostEdit.tsx +++ b/FrontEnd/src/pages/timeline/edit/ImagePostEdit.tsx @@ -2,6 +2,8 @@ import classNames from "classnames"; import BlobImage from "~/src/components/BlobImage"; +import "./ImagePostEdit.css"; + interface TimelinePostEditImageProps { file: File | null; onChange: (file: File | null) => void; @@ -13,9 +15,7 @@ export default function ImagePostEdit(props: TimelinePostEditImageProps) { const { file, onChange, disabled, className } = props; return ( - <div - className={classNames("timeline-edit-image-container", className)} - > + <div className={classNames("timeline-edit-image-container", className)}> <input type="file" accept="image/*" @@ -28,9 +28,9 @@ export default function ImagePostEdit(props: TimelinePostEditImageProps) { onChange(files[0]); } }} - className="mx-3 my-1" + className="timeline-edit-image-input" /> - {file && <BlobImage src={file} className="timeline-edit-image" />} + {file && <BlobImage src={file} className="timeline-edit-image-image" />} </div> ); } |