41 lines
609 B
CSS
41 lines
609 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-width: 2px;
|
||
|
border-radius: 2px;
|
||
|
border-style: dashed;
|
||
|
outline: none;
|
||
|
transition: border 0.24s ease-in-out;
|
||
|
}
|
||
|
|
||
|
.error {
|
||
|
color: red;
|
||
|
font-size: 0.8rem;
|
||
|
transition: border 0.24s ease-in-out;
|
||
|
border: 2px solid red;
|
||
|
border-radius: 2px;
|
||
|
padding: 20px;
|
||
|
}
|
||
|
|
||
|
.error > li:before {
|
||
|
content: "";
|
||
|
}
|
||
|
|
||
|
.error ul {
|
||
|
margin: 0;
|
||
|
padding-left: var(--gap-double);
|
||
|
}
|