/* Index page */
.upload {
@apply my-4 grid grid-cols-1 gap-2;
}
@screen lg {
.upload {
@apply mt-4 grid grid-cols-2;
}
}
@screen xl {
.upload {
@apply mt-4 grid grid-cols-3;
}
.upload #results {
@apply col-span-2;
}
}
.upload .upload-form {
@apply bg-gray-900 bg-opacity-75;
@apply rounded-md;
@apply p-4;
}
@screen md {
.upload .upload-form {
@apply leading-relaxed;
}
}
@screen lg {
.upload .upload-form {
@apply leading-loose;
}
}
.upload .upload-form select {
@apply leading-normal;
}
.upload .upload-form input {
@apply pl-2;
@apply leading-relaxed;
}
.upload .upload-form select,
.upload .upload-form input,
.upload .upload-form {
@apply bg-gray-700 bg-opacity-75;
}
.upload #results h1 {
@apply text-xl text-center;
}
.upload .upload-form .input-field {
@apply relative;
}
.upload .upload-form [type="checkbox"] {
@apply w-4 h-4;
}
.upload #files {
@apply text-center;
@apply mt-4 p-4;
@apply border-2 border-gray-200 border-dashed;
}
.upload #results {
@apply bg-gray-700 bg-opacity-75;
@apply rounded-md;
@apply p-4 mx-10;
}