Rearranged script hook UI

This commit is contained in:
Magnus Åhall 2025-08-08 15:36:32 +02:00
parent 5145830f65
commit 2cab8c3ddb
5 changed files with 177 additions and 50 deletions

View file

@ -365,7 +365,7 @@ select:focus {
.script-group {
display: grid;
grid-template-columns: repeat(4, min-content);
grid-template-columns: repeat(3, min-content);
align-items: center;
grid-gap: 2px 0px;
padding: 16px;
@ -389,7 +389,7 @@ select:focus {
margin-right: 16px;
}
.script-ssh {
.script-name, .script-ssh {
cursor: pointer;
color: #555;
}
@ -666,3 +666,37 @@ dialog#connection-data {
}
}
}
#script-hook-dialog {
display: grid;
grid-gap: 8px;
padding: 32px;
.top {
display: grid;
grid-template-columns: 1fr min-content;
grid-gap: 16px;
.header {
font-size: 1.25em;
font-weight: bold;
color: var(--section-color);
}
img {
height: 32px;
cursor: pointer;
}
}
.label {
font-weight: bold;
margin-top: 16px;
}
textarea {
height: 50vh;
width: 50vw;
font-family: monospace;
}
}