44 lines
723 B
CSS
44 lines
723 B
CSS
.container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.container ul {
|
|
margin: 0;
|
|
margin-top: var(--gap-double);
|
|
}
|
|
|
|
.dropzone {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 20px;
|
|
border-radius: 2px;
|
|
border: 2px dashed var(--border) !important;
|
|
outline: none;
|
|
transition: all 0.24s ease-in-out;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.dropzone:hover {
|
|
border-color: var(--gray) !important;
|
|
}
|
|
|
|
.dropzone:focus {
|
|
box-shadow: 0 0 4px 1px rgba(124, 124, 124, 0.5);
|
|
}
|
|
|
|
.error {
|
|
color: red;
|
|
font-size: 0.8rem;
|
|
transition: border 0.24s ease-in-out;
|
|
border: 2px solid red;
|
|
border-radius: 2px;
|
|
padding: 20px;
|
|
}
|
|
|
|
.error ul {
|
|
margin: 0;
|
|
padding-left: var(--gap-double);
|
|
}
|