diff --git a/wwwroot/app.js b/wwwroot/app.js index 4d69a44..959fe9f 100644 --- a/wwwroot/app.js +++ b/wwwroot/app.js @@ -132,7 +132,7 @@ async function loadResults() { function renderPhasePill() { const phaseKey = typeof state.phase === "string" ? state.phase.toLowerCase() : null; - $("phase-pill").textContent = phaseKey ? t(`phase.${phaseKey}`) : t("phase.loading"); + $("phase-pill").textContent = phaseKey ? "" : t("phase.loading"); document.querySelectorAll(".phase-view").forEach((el) => el.classList.add("hidden")); const viewMap = { Suggest: "suggest-view", diff --git a/wwwroot/index.html b/wwwroot/index.html index 05f2dec..1d5667f 100644 --- a/wwwroot/index.html +++ b/wwwroot/index.html @@ -59,18 +59,16 @@ Welcome! Logout +
+ Loading… + +
- - Loading… - -
- Language - -
-
+ Language + diff --git a/wwwroot/styles.css b/wwwroot/styles.css index 1a9c978..13da86b 100644 --- a/wwwroot/styles.css +++ b/wwwroot/styles.css @@ -17,36 +17,25 @@ .lang-field { margin-top: 8px; } .lang-field select { min-width: 160px; } -.lang-inline { display: flex; align-items: center; gap: 6px; margin-left: 15px; } -.lang-inline .label { font-size: 12px; color: #6c5a42; } .compact-select { min-width: 120px; } .status-bar { display: flex; width: 100%; justify-content: space-between; - gap: 12px; + gap: 20px; background: rgba(255, 255, 255, 0.9); border: 1px solid #e3d4bd; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.12); padding: 10px 14px; } -.status-left, .status-right { display: flex; align-items: center; gap: 10px; } +.status-left, .status-center, .status-right { display: flex; align-items: center; gap: 10px; } .inline-link { font-size: 14px; } -.status-dot { - width: 10px; - height: 10px; - border-radius: 50%; - background: #2ca25f; - box-shadow: 0 0 10px #2ca25f; -} - .counts { color: #5f513b; font-size: 13px; - margin-left: 12px; } .phase-bar { display: none; } @@ -319,7 +308,6 @@ input[type="range"].full-slider::-moz-range-track { .results-table { width: 100%; border-collapse: collapse; } .results-table th, .results-table td { padding: 10px; } .results-table tr { border-bottom: 1px solid #e3d4bd; } -.results-table tr:last-child { border-bottom: none; } .results-table th { text-align: left; color: #7a6a53; font-size: 12px; letter-spacing: 0.3px; } .results-table .game-cell { display: flex; gap: 10px; align-items: center; } .results-table .thumb { width: 72px; height: 48px; object-fit: cover; border-radius: 6px; border: 1px solid #e3d4bd; cursor: pointer; }