Refactor forms and uploader components UI with Card layout
Some checks failed
Build and Push Docker Images / changes (push) Successful in 5s
Build and Push Docker Images / build-backend (push) Has been skipped
Build and Push Docker Images / build-frontend (push) Failing after 49s

Updated color, font, and asset forms to use Card and CardContent for improved structure and consistency. Enhanced input styles and hover effects for better user experience. Adjusted the image uploader background for a more cohesive design.
This commit is contained in:
2025-03-13 16:04:54 +01:00
parent 4044d85410
commit 8c1e6b7ebe
3 changed files with 153 additions and 137 deletions

View File

@@ -123,7 +123,8 @@ export function ImageUploader({
)}
<div
className={`relative border-2 border-dashed border-gray-300 rounded-md ${getAspectRatioClass()} overflow-hidden bg-gray-50 hover:bg-gray-100 transition-colors`}
className={`relative border-2 border-dashed border-border rounded-md ${getAspectRatioClass()}
overflow-hidden bg-muted/30 hover:bg-muted/50 transition-colors`}
>
{/* Hidden file input */}
<input