You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
1.6 KiB
96 lines
1.6 KiB
/* Image Upload Dialog Styles */ |
|
.iu-dialog { |
|
display: none; |
|
} |
|
|
|
.iu-dialog.active { |
|
display: block; |
|
} |
|
|
|
.iu-backdrop { |
|
position: fixed; |
|
top: 0; |
|
left: 0; |
|
right: 0; |
|
bottom: 0; |
|
background-color: rgba(0, 0, 0, 0.5); |
|
z-index: 1000; |
|
} |
|
|
|
.iu-modal { |
|
position: fixed; |
|
top: 50%; |
|
left: 50%; |
|
transform: translate(-50%, -50%); |
|
background-color: var(--color-bg, #fff); |
|
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3); |
|
max-width: 90%; |
|
width: 500px; |
|
max-height: 90vh; |
|
overflow-y: auto; |
|
z-index: 1001; |
|
} |
|
|
|
.iu-modal .modal-header { |
|
padding: var(--spacing-3); |
|
display: flex; |
|
justify-content: space-between; |
|
align-items: center; |
|
} |
|
|
|
.iu-modal .modal-header h5 { |
|
margin: 0; |
|
} |
|
|
|
.iu-modal .modal-header .close { |
|
background: none; |
|
border: none; |
|
font-size: 1.5rem; |
|
cursor: pointer; |
|
color: var(--color-text); |
|
} |
|
|
|
.iu-modal .modal-body { |
|
padding: var(--spacing-3); |
|
} |
|
|
|
.iu-modal .modal-body > div { |
|
margin-bottom: var(--spacing-3); |
|
} |
|
|
|
.upload-area { |
|
border: 2px dashed #ccc; |
|
padding: var(--spacing-5); |
|
text-align: center; |
|
cursor: pointer; |
|
min-height: 4em; |
|
border-radius: 0.25rem; |
|
transition: border-color 0.2s; |
|
} |
|
|
|
.upload-area:hover { |
|
border-color: var(--color-primary, #007bff); |
|
} |
|
|
|
.upload-area input[type="file"] { |
|
display: none; |
|
} |
|
|
|
.upload-progress { |
|
display: none; |
|
margin-top: 1em; |
|
} |
|
|
|
.upload-progress.active { |
|
display: block; |
|
} |
|
|
|
.upload-error { |
|
color: red; |
|
margin-top: 1em; |
|
display: none; |
|
} |
|
|
|
.upload-error.active { |
|
display: block; |
|
}
|
|
|