50 lines
775 B
CSS
50 lines
775 B
CSS
.image-tagger.ImageApp {
|
|
> .window-content {
|
|
display: grid;
|
|
grid-template-columns: 200px auto;
|
|
grid-template-rows: auto auto;
|
|
}
|
|
|
|
file-picker {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
header, footer {
|
|
grid-column: 1 / -1;
|
|
}
|
|
|
|
.inputs {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
|
|
grid-template-rows: repeat(3, min-content);
|
|
align-self: start;
|
|
gap: 16px 8px;
|
|
|
|
label {
|
|
align-self: end;
|
|
height: var(--input-height);
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
}
|
|
|
|
.preview {
|
|
width: 200px;
|
|
height: 200px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
align-self: center;
|
|
|
|
img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: contain;
|
|
}
|
|
|
|
.placeholder {
|
|
font-style: italic;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|