jason/ThunderAI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

the tags form is now a dialog. see #183

Browse source
This commit is contained in:
Mic 2024-12-13 00:13:00 +01:00
parent 9907d35233
commit ddb8ef223f
1 changed files with 21 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
js/mzta-compose-script.js
View file

@ -220,6 +220,21 @@ switch (message.command) {
font-size: 14px;
}
.div_btns{
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 20px;
}
@media (prefers-color-scheme: dark) {
:root {
--dialog-bg-color: #2e2e2e;
--dialog-text-color: #ffffff;
}
}
/* Darker overlay for the page background */
.mzta_dialog_overlay {
position: fixed;
top: 0;
@ -229,24 +244,17 @@ switch (message.command) {
background: rgba(0, 0, 0, 0.7);
z-index: 1000;
}
.div_btns{
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 20px;
}
`;
document.head.appendChild(style);
function createDialog(inputString, onSubmit) {
// Create the overlay
const overlay = document.createElement('div');
overlay.className = 'mzta_dialog_overlay';
document.body.appendChild(overlay);
// const overlay = document.createElement('div');
// overlay.className = 'mzta_dialog_overlay';
// document.body.appendChild(overlay);
// Create the dialog
const dialog = document.createElement('div');
const dialog = document.createElement('dialog');
dialog.className = 'mzta_dialog';
// Create the content
@ -304,6 +312,8 @@ switch (message.command) {
document.body.removeChild(dialog);
document.body.removeChild(overlay);
}
dialog.showModal();
}
// Example usage