Add first iteration of the Image DB editor

This commit is contained in:
Oliver 2026-01-18 23:34:24 -07:00
parent 773c506570
commit c7c02702d7
13 changed files with 425 additions and 7 deletions

46
styles/apps/ImageApp.css Normal file
View 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;
}
}
}