From 71612951d1430114932a3dedd5e35db7dd402d99 Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Mon, 9 Jun 2025 18:37:35 +0200
Subject: [PATCH] layout

---
 package-lock.json                                    | 10 ++++++++++
 package.json                                         |  1 +
 src/Components/Profile/Subcomponents/GalleryForm.tsx |  2 +-
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index 2717d507..9ec6de03 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,6 +20,7 @@
         "radash": "^12.1.0",
         "react-colorful": "^5.6.1",
         "react-dropzone": "^14.3.8",
+        "react-icons": "^5.5.0",
         "react-image-crop": "^10.1.8",
         "react-inlinesvg": "^4.2.0",
         "react-leaflet": "^4.2.1",
@@ -10486,6 +10487,15 @@
         "react": "16.8 - 19"
       }
     },
+    "node_modules/react-icons": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.5.0.tgz",
+      "integrity": "sha512-MEFcXdkP3dLo8uumGI5xN3lDFNsRtrjbOEKDLD7yv76v4wpnEq2Lt2qeHaQOr34I/wPN3s3+N08WkQ+CW37Xiw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/react-image-crop": {
       "version": "10.1.8",
       "resolved": "https://registry.npmjs.org/react-image-crop/-/react-image-crop-10.1.8.tgz",
diff --git a/package.json b/package.json
index ecc44cb4..6e40eddd 100644
--- a/package.json
+++ b/package.json
@@ -108,6 +108,7 @@
     "radash": "^12.1.0",
     "react-colorful": "^5.6.1",
     "react-dropzone": "^14.3.8",
+    "react-icons": "^5.5.0",
     "react-image-crop": "^10.1.8",
     "react-inlinesvg": "^4.2.0",
     "react-leaflet": "^4.2.1",
diff --git a/src/Components/Profile/Subcomponents/GalleryForm.tsx b/src/Components/Profile/Subcomponents/GalleryForm.tsx
index 063c6230..aafa7f91 100644
--- a/src/Components/Profile/Subcomponents/GalleryForm.tsx
+++ b/src/Components/Profile/Subcomponents/GalleryForm.tsx
@@ -119,7 +119,7 @@ export const GalleryForm = ({ state, setState }: Props) => {
 
         <div
           {...getRootProps()}
-          className='custom-file-upload tw:flex tw:flex-col tw:items-center tw:justify-center tw:text-base-content/50 tw:w-full tw:h-full tw:cursor-pointer tw:border tw:border-dashed tw:border-gray-300 tw:p-4 tw:rounded-lg tw:bg-base-200'
+          className='tw:flex tw:flex-col tw:items-center tw:justify-center tw:text-base-content/50 tw:w-full tw:h-full tw:cursor-pointer tw:card tw:card-body tw:border tw:border-current/50 tw:border-dashed tw:bg-base-200'
         >
           <input {...getInputProps()} />
           <div>