style(Upload): 优化上传组件的样式，增加悬停背景色

修改了上传组件的样式，使其在悬停时背景色变为灰色，提升用户体验。
alanhe421 · Dec 2, 2024 · e139601 · e139601
1 parent 15ba79c
commit e139601
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/Upload.js b/src/components/Upload.js
@@ -151,7 +151,8 @@ function Upload() {
 
       <div
         className={`border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-all
-            ${dragActive ? 'border-blue-500 bg-blue-50' : 'border-gray-300 hover:border-gray-400'}`}
+            ${dragActive ? 'border-blue-500 bg-blue-50' : 'border-gray-300 hover:border-gray-400'}
+            hover:bg-gray-50`}
         onDragEnter={handleDrag}
         onDragLeave={handleDrag}
         onDragOver={handleDrag}