mirror of
https://github.com/unraid/webgui.git
synced 2026-01-04 08:29:51 -06:00
fix: enhance layout consistency in CPU isolation, pinning, and VM pages
- Updated form structures in CPUisol.page, CPUpin.page, and CPUvms.page to use flex containers for button alignment. - Removed unnecessary div wrappers to streamline layout. - This change continues the effort to enhance visual consistency across the plugin.
This commit is contained in:
@@ -15,9 +15,8 @@ Tag="icon-cpu"
|
||||
*/
|
||||
?>
|
||||
<form name="is">
|
||||
<input type="hidden" name="names" value="isolcpus">
|
||||
<input type="hidden" name="names" value="isolcpus">
|
||||
|
||||
<div class="TableContainer">
|
||||
<table class='tablesorter shift' style='width:auto'>
|
||||
<thead>
|
||||
<tr>
|
||||
@@ -25,10 +24,17 @@ Tag="icon-cpu"
|
||||
<?create()?>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="table-is"><?=$spinner?></tbody>
|
||||
<tbody id="table-is"><?=$spinner?></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<input type="button" value="_(Apply)_" onclick="apply(this.form)" disabled><input type="button" value="_(Done)_" onclick="done()"><span id="wait-is" class="red-text" style="display:none"><i class="fa fa-spinner fa-spin"></i> _(Please wait)_...</span>
|
||||
|
||||
<div class="flex flex-row items-center gap-2">
|
||||
<input type="button" value="_(Apply)_" onclick="apply(this.form)" disabled>
|
||||
<input type="button" value="_(Done)_" onclick="done()">
|
||||
<span id="wait-is" class="red-text" style="display:none">
|
||||
<i class="fa fa-spinner fa-spin"></i>
|
||||
<span>_(Please wait)_...</span>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
<?if (!$safemode):?>
|
||||
<?else:?>
|
||||
|
||||
@@ -16,8 +16,8 @@ Tag="icon-cpu"
|
||||
?>
|
||||
<?if ($dockerd):?>
|
||||
<form name="ct">
|
||||
<input type="hidden" name="names" id="names-ct" value="">
|
||||
<div class="TableContainer">
|
||||
<input type="hidden" name="names" id="names-ct" value="">
|
||||
|
||||
<table class='tablesorter shift' style='width:auto'>
|
||||
<thead>
|
||||
<tr>
|
||||
@@ -29,8 +29,15 @@ Tag="icon-cpu"
|
||||
<?=$spinner?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<input type="button" value="_(Apply)_" onclick="apply(this.form)" disabled><input type="button" value="_(Done)_" onclick="done()"><span id="wait-ct" class="red-text" style="display:none"><i class="fa fa-spinner fa-spin"></i> _(Please wait)_...</span>
|
||||
|
||||
<div class="flex flex-row items-center gap-2">
|
||||
<input type="button" value="_(Apply)_" onclick="apply(this.form)" disabled>
|
||||
<input type="button" value="_(Done)_" onclick="done()">
|
||||
<span id="wait-ct" class="red-text" style="display:none">
|
||||
<i class="fa fa-spinner fa-spin"></i>
|
||||
<span>_(Please wait)_...</span>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
<?else:?>
|
||||
<div class="notice">_(No CPU pinning available. Docker service must be started)_</div>
|
||||
|
||||
@@ -310,8 +310,8 @@ $(function() {
|
||||
</script>
|
||||
<?if ($libvirtd):?>
|
||||
<form name="vm">
|
||||
<input type="hidden" name="names" id="names-vm" value="">
|
||||
<div class="TableContainer">
|
||||
<input type="hidden" name="names" id="names-vm" value="">
|
||||
|
||||
<table class='tablesorter shift' style='width:auto'>
|
||||
<thead>
|
||||
<tr>
|
||||
@@ -321,8 +321,15 @@ $(function() {
|
||||
</thead>
|
||||
<tbody id="table-vm"><?=$spinner?></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<input type="button" value="_(Apply)_" onclick="apply(this.form)" disabled><input type="button" value="_(Done)_" onclick="done()"><span id="wait-vm" class="red-text" style="display:none"><i class="fa fa-spinner fa-spin"></i> _(Please wait)_...</span>
|
||||
|
||||
<div class="flex flex-row items-center gap-2">
|
||||
<input type="button" value="_(Apply)_" onclick="apply(this.form)" disabled>
|
||||
<input type="button" value="_(Done)_" onclick="done()">
|
||||
<span id="wait-vm" class="red-text" style="display:none">
|
||||
<i class="fa fa-spinner fa-spin"></i>
|
||||
<span>_(Please wait)_...</span>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
<?else:?>
|
||||
<div class="notice">_(No CPU pinning available. VM service must be started)_</div>
|
||||
|
||||
@@ -1268,7 +1268,7 @@ a.list {
|
||||
* Force remove any small empty space elements.
|
||||
* Necessary evil to prevent needing to rewrite .page file parsing and allow for a more responsive page.
|
||||
*/
|
||||
dt, dd, p, div, span {
|
||||
dt, dd, p {
|
||||
&:empty {
|
||||
display: none !important;
|
||||
margin: 0 !important;
|
||||
|
||||
Reference in New Issue
Block a user