fix appearance of new modal short dialog, fix dialog when input undefined

This commit is contained in:
Stewart Allen 2025-02-02 19:13:28 -05:00
commit a2c1dcb58f
2 changed files with 7 additions and 5 deletions

View file

@ -132,7 +132,7 @@ gapp.register("kiri.ui", [], (root, exports) => {
if (Array.isArray(input)) { if (Array.isArray(input)) {
iid = `confirm-input-${rnd}`; iid = `confirm-input-${rnd}`;
html.append(`<div><textarea rows="15" cols="40" class="grow" type="text" spellcheck="false" id="${iid}"></textarea></div>`); html.append(`<div><textarea rows="15" cols="40" class="grow" type="text" spellcheck="false" id="${iid}"></textarea></div>`);
} else { } else if (input) {
iid = `confirm-input-${rnd}`; iid = `confirm-input-${rnd}`;
html.append(`<div><input class="grow" type="text" spellcheck="false" id="${iid}"/></div>`); html.append(`<div><input class="grow" type="text" spellcheck="false" id="${iid}"/></div>`);
} }

View file

@ -330,7 +330,9 @@ details[open] > summary::after {
background-color: var(--blue-1); background-color: var(--blue-1);
} }
.dark #dialog { .dark #dialog {
background-color: rgba(150,100,100,0.85); background-color: rgba(60,60,60,0.85);
border-top: 8px solid rgba(100,100,100,1);
border-bottom: 7px solid rgba(100,100,100,1);
} }
.dark #modal, .dark #dialog { .dark #modal, .dark #dialog {
color: #fff !important; color: #fff !important;
@ -1515,10 +1517,10 @@ details[open] > summary::after {
top: 100px; top: 100px;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
background-color: rgba(255,200,200,0.75); background-color: rgba(255,255,255,0.85);
border: 0; border: 0;
border-top: 5px solid white; border-top: 8px solid rgba(180,180,180,1);
border-bottom: 5px solid white; border-bottom: 7px solid rgba(180,180,180,1);
border-radius: 5px; border-radius: 5px;
overflow: hidden; overflow: hidden;
margin: 0; margin: 0;