MotorAdmin GUI besser

This commit is contained in:
2026-05-21 07:33:31 +02:00
parent 844633389f
commit 5dccc8985e
2 changed files with 43 additions and 12 deletions
+10 -12
View File
@@ -309,18 +309,16 @@
var savedEntry = steeringNeutralSavedValues[wheel];
var isDirty = !savedEntry || Number(savedEntry.value) !== Number(entry.value);
html.push(
'<article class="steering_neutral_card' + (isDirty ? ' is_dirty' : '') + '">' +
'<div class="steering_neutral_card_header">' +
'<span class="info_label">Rad</span>' +
'<strong>' + entry.wheel_label + '</strong>' +
'</div>' +
'<div class="steering_neutral_value_row">' +
'<button class="button buttonWarm steering_neutral_adjust" onclick="adjustSteeringNeutralValue(\'' + wheel + '\', -' + STEERING_NEUTRAL_STEP + ')">-</button>' +
'<strong class="steering_neutral_value">' + entry.value + '</strong>' +
'<button class="button buttonA steering_neutral_adjust" onclick="adjustSteeringNeutralValue(\'' + wheel + '\', ' + STEERING_NEUTRAL_STEP + ')">+</button>' +
'</div>' +
'<div class="steering_neutral_meta">' +
'<span>Pin: ' + entry.pin + '</span>' +
'<article class="steering_neutral_card steering_neutral_card_compact' + (isDirty ? ' is_dirty' : '') + '">' +
'<div class="steering_neutral_compact_row">' +
'<div class="steering_neutral_card_header steering_neutral_card_header_compact">' +
'<strong class="steering_neutral_title">' + entry.wheel_label + '</strong>' +
'</div>' +
'<div class="steering_neutral_value_row steering_neutral_value_row_compact">' +
'<button class="button buttonWarm steering_neutral_adjust" onclick="adjustSteeringNeutralValue(\'' + wheel + '\', -' + STEERING_NEUTRAL_STEP + ')">-</button>' +
'<strong class="steering_neutral_value">' + entry.value + '</strong>' +
'<button class="button buttonA steering_neutral_adjust" onclick="adjustSteeringNeutralValue(\'' + wheel + '\', ' + STEERING_NEUTRAL_STEP + ')">+</button>' +
'</div>' +
'</div>' +
'</article>'
);
+33
View File
@@ -841,6 +841,11 @@ h2 {
0 8px 18px rgba(109, 126, 132, 0.08);
}
.steering_neutral_card_compact {
gap: 0.35rem;
padding: 0.55rem 0.65rem;
}
.steering_neutral_card.is_dirty {
border-color: rgba(214, 145, 42, 0.52);
box-shadow:
@@ -878,6 +883,25 @@ h2 {
gap: 0.18rem;
}
.steering_neutral_compact_row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 0.55rem;
align-items: center;
}
.steering_neutral_card_header_compact {
display: flex;
align-items: center;
min-width: 0;
}
.steering_neutral_title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.steering_neutral_value_row {
display: grid;
grid-template-columns: 2.8rem minmax(0, 1fr) 2.8rem;
@@ -885,6 +909,11 @@ h2 {
align-items: center;
}
.steering_neutral_value_row_compact {
grid-template-columns: 2.45rem minmax(3.6rem, auto) 2.45rem;
gap: 0.35rem;
}
.steering_neutral_value {
text-align: center;
font-family: Consolas, "Courier New", monospace;
@@ -1107,6 +1136,10 @@ h2 {
grid-template-columns: 1fr;
}
.steering_neutral_compact_row {
grid-template-columns: 1fr;
}
.motor_test_feedback_card {
grid-template-columns: 1fr;
}