| .uploadContainer { |
| display: flex; |
| flex-direction: column; |
| align-items: center; |
| justify-content: center; |
| border: 2px dashed #1890ff; |
| padding: 40px; |
| border-radius: 8px; |
| background-color: #f0f5ff; |
| transition: border-color 0.3s; |
| } |
| |
| .uploadContainer:hover { |
| border-color: #40a9ff; |
| } |
| |
| .uploadLabel { |
| font-size: 16px; |
| margin-bottom: 10px; |
| color: #333; |
| } |
| |
| .uploadInput { |
| display: none; |
| } |
| |
| .uploadButton { |
| padding: 8px 16px; |
| background-color: #1890ff; |
| color: white; |
| border: none; |
| border-radius: 4px; |
| cursor: pointer; |
| font-size: 14px; |
| } |
| |
| .uploadButton:hover { |
| background-color: #40a9ff; |
| } |