tronnet/ProxmoxAAS-Dashboard
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix error dialog styling

Browse Source
This commit is contained in:
alu
2026-07-28 21:36:51 +00:00
parent 1f672e16e6
commit 4582d9726d
2 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/css/style.css
+13
View File
@@ -130,6 +130,19 @@ hr {
align-items: center; align-items: center;
} }
.row-reverse {
flex-direction: row-reverse;
row-gap: 10px;
align-items: center;
}
.column {
flex-direction: column;
row-gap: 10px;
align-items: center;
}
.column-reverse { .column-reverse {
flex-direction: column-reverse; flex-direction: column-reverse;
row-gap: 10px; row-gap: 10px;
web/scripts/dialog.js
+4 -1
View File
@@ -59,15 +59,18 @@ class ErrorDialog extends HTMLElement {
max-height: 20lh; max-height: 20lh;
min-height: 20lh; min-height: 20lh;
overflow-y: scroll; overflow-y: scroll;
padding-left: 12px;
padding-right: 12px;
} }
#errors * { #errors * {
margin: 0; margin: 0;
width: 100%;
} }
</style> </style>
<dialog class="w3-container w3-card w3-border-0"> <dialog class="w3-container w3-card w3-border-0">
<form method="dialog"> <form method="dialog">
<p class="w3-large" id="prompt">Error</p> <p class="w3-large" id="prompt">Error</p>
<div id="errors" class="flex column-reverse"></div> <div id="errors" class="flex column"></div>
<div class="w3-center" id="controls"> <div class="w3-center" id="controls">
<button class="w3-button w3-margin" type="submit" value="ok">OK</button> <button class="w3-button w3-margin" type="submit" value="ok">OK</button>
<button class="w3-button w3-margin" type="submit" value="copy">Copy</button> <button class="w3-button w3-margin" type="submit" value="copy">Copy</button>