aboutsummaryrefslogtreecommitdiff
path: root/FrontEnd/src/pages/timeline/edit/ImagePostEdit.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'FrontEnd/src/pages/timeline/edit/ImagePostEdit.tsx')
-rw-r--r--FrontEnd/src/pages/timeline/edit/ImagePostEdit.tsx10
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>
);
}