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

@ -276,7 +276,7 @@ select:focus {
}
#script-hooks .scripts-grid .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;
@ -296,6 +296,7 @@ select:focus {
#script-hooks .scripts-grid .script-ssh {
margin-right: 16px;
}
#script-hooks .scripts-grid .script-name,
#script-hooks .scripts-grid .script-ssh {
cursor: pointer;
color: #555;
@ -519,3 +520,31 @@ dialog#connection-data div.button {
cursor: pointer;
margin-top: 4px;
}
#script-hook-dialog {
display: grid;
grid-gap: 8px;
padding: 32px;
}
#script-hook-dialog .top {
display: grid;
grid-template-columns: 1fr min-content;
grid-gap: 16px;
}
#script-hook-dialog .top .header {
font-size: 1.25em;
font-weight: bold;
color: var(--section-color);
}
#script-hook-dialog .top img {
height: 32px;
cursor: pointer;
}
#script-hook-dialog .label {
font-weight: bold;
margin-top: 16px;
}
#script-hook-dialog textarea {
height: 50vh;
width: 50vw;
font-family: monospace;
}