프론트 수정

src/app/components/ImgInputForm.module.css

@@ -0,0 +1,59 @@
+.wrapper {
+  @apply w-full max-w-md mx-auto p-4;
+}
+
+.dropzone {
+  @apply border-2 rounded-lg p-4 flex flex-col items-center justify-center transition-colors duration-150;
+}
+
+.normal {
+  @apply border-dashed border-gray-300 bg-white;
+}
+
+.dragging {
+  @apply border-indigo-400 bg-indigo-50;
+}
+
+.fileInput {
+  @apply hidden;
+}
+
+.previewBox {
+  @apply w-32 h-32 rounded-md overflow-hidden bg-gray-100 flex items-center justify-center mb-3;
+}
+
+.previewImg {
+  @apply object-cover w-full h-full cursor-pointer;
+}
+
+.placeholder {
+  @apply text-gray-400 text-center text-sm px-2;
+}
+
+.row {
+  @apply w-full flex gap-2 items-center;
+}
+
+.textInput {
+  @apply flex-1 px-3 py-2 border rounded h-10 cursor-pointer bg-white text-gray-700 focus:outline-none focus:ring-2 focus:ring-indigo-500;
+}
+
+.btn {
+  @apply px-4 py-2 rounded text-white;
+}
+
+.btnLoading {
+  @apply bg-indigo-300;
+}
+
+.btnPrimary {
+  @apply bg-indigo-600 hover:bg-indigo-700;
+}
+
+.errorMsg {
+  @apply mt-3 text-sm text-red-600;
+}
+
+.successMsg {
+  @apply mt-3 text-sm text-green-600;
+}