ui improvements

This commit is contained in:
eugenio
2026-05-02 22:54:07 +02:00
parent 7cd7fa63b6
commit fafd7ae89d
3 changed files with 5 additions and 4 deletions

View File

@@ -225,6 +225,7 @@ body {
.sidebar-brand {
display: flex;
align-items: center;
justify-content: center;
padding: 14px 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
margin-bottom: 6px;

View File

@@ -184,7 +184,7 @@
<div class="sidebar" id="sidebar">
<div class="sidebar-brand">
<img src="./images/kubeinvaders_spaceship.png" alt="KubeInvaders" style="width: 34px; height: auto; margin-right: 8px; image-rendering: pixelated;">
<img src="./images/kubeinvaders_spaceship.png" alt="KubeInvaders" style="width: 34px; height: auto; margin-right: 8px; margin-left: 8px; image-rendering: pixelated;">
<span style="font-size: 13px; font-weight: bold; color: #fff; letter-spacing: 0.04em;">KubeInvaders</span>
</div>
<a id="gameModeButton" onclick="saveK8sConnection(); startGameMode()"><i class="fas fa-gamepad me-2"></i>Enable Game Mode</a>

View File

@@ -64,7 +64,7 @@ function startProgrammingMode() {
if (programming_mode_switch) {
programming_mode_switch = false;
$("#programmingModeButton").text("Enable Prog. Mode");
$("#programmingModeButton").html('<i class="fas fa-code me-2"></i>Programming Mode');
} else {
document.getElementById("gameContainer").style.width = "100%";
document.getElementById("gameContainer").style.height = "100%";
@@ -72,8 +72,8 @@ function startProgrammingMode() {
programming_mode_switch = true;
game_mode_switch = false;
$("#gameModeButton").text("Enable Game Mode");
$("#programmingModeButton").text("Disable Prog. Mode");
$("#gameModeButton").html('<i class="fas fa-gamepad me-2"></i>Enable Game Mode');
$("#programmingModeButton").html('<i class="fas fa-code me-2"></i>Disable Prog. Mode');
}
if (chaos_program_screen.style.display === "none") {
chaos_program_screen.style.display = "block";