diff --git a/assets/controllers/image_upload_controller.js b/assets/controllers/image_upload_controller.js index f9d2e4f..8e5f9e4 100644 --- a/assets/controllers/image_upload_controller.js +++ b/assets/controllers/image_upload_controller.js @@ -13,13 +13,13 @@ export default class extends Controller { } openDialog() { - this.dialogTarget.style.display = ''; + this.dialogTarget.classList.add('active'); this.errorTarget.textContent = ''; this.progressTarget.style.display = 'none'; } closeDialog() { - this.dialogTarget.style.display = 'none'; + this.dialogTarget.classList.remove('active'); this.errorTarget.textContent = ''; this.progressTarget.style.display = 'none'; } diff --git a/assets/styles/03-components/image-upload.css b/assets/styles/03-components/image-upload.css index 8ee2d93..3123cb5 100644 --- a/assets/styles/03-components/image-upload.css +++ b/assets/styles/03-components/image-upload.css @@ -34,7 +34,6 @@ .iu-modal .modal-header { padding: var(--spacing-3); - border-bottom: 1px solid var(--color-border, #dee2e6); display: flex; justify-content: space-between; align-items: center;