Add first iteration of the Image DB editor
This commit is contained in:
parent
773c506570
commit
c7c02702d7
13 changed files with 425 additions and 7 deletions
46
styles/apps/ImageApp.css
Normal file
46
styles/apps/ImageApp.css
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
.token-browser.ImageApp {
|
||||
> .window-content {
|
||||
display: grid;
|
||||
grid-template-columns: 200px auto;
|
||||
grid-template-rows: auto auto;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue