torsten/trainingstagebuch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(kaisertisch): add history panel styles for improved UI and readability
All checks were successful
Deploy tt-tagebuch / deploy (push) Successful in 58s
Details

Browse Source
This commit is contained in:
Torsten Schulz (local)
2026-08-21 15:03:27 +02:00
parent 1c2ee5ea10
commit 94bd81b833
1 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/views/KaisertischView.vue
View File

@@ -258,4 +258,24 @@ export default {
.session-status.archived { color:#694a22; background:#f6e9d5; border-color:#dfc198; }.archive-notice { display:grid;gap:.2rem;margin-top:1rem;padding:.75rem .85rem;border-left:4px solid #a07040;background:#fff4e3;color:#684722;font-size:.82rem; }.player-seat:disabled { cursor:default; }.player-seat:hover:disabled { background:transparent; }.btn-primary:disabled,.btn-secondary:disabled,.participant-pool button:disabled { opacity:.52;cursor:not-allowed; }.archive-select { display:grid;gap:.34rem;margin-top:.8rem;font-size:.77rem;font-weight:800;color:#dac8ae; }.archive-select select { width:100%;padding:.55rem .6rem;border:1px solid rgba(255,255,255,.28);border-radius:4px;background:#43534b;color:#fff;font:inherit; }.archive-empty { margin:.45rem 0 0;font-size:.75rem;line-height:1.4;color:#c6d0c7; }
.player-paths { margin-top:1rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.2); }.player-paths h4 { margin:0 0 .55rem;color:#f1c686;font-size:.77rem;letter-spacing:.08em;text-transform:uppercase; }.player-path-row { display:grid;grid-template-columns:minmax(84px,.8fr) minmax(0,1.7fr);gap:.45rem .65rem;padding:.45rem 0;border-top:1px solid rgba(255,255,255,.1);font-size:.78rem;line-height:1.4; }.player-path-row strong { color:#fff;font-weight:800; }.player-path { display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;color:#dce6dc; }.path-table { white-space:nowrap; }.path-arrow { color:#f1c686;font-weight:900; }
@media (max-width:580px) { .player-path-row { grid-template-columns:1fr;gap:.15rem; } }
/* Rundenhistorie: gleichwertig zu den hellen Utility-Panels, mit ruhigem Verlauf-Akzent. */
.history-panel { background:#f2f3ef;color:var(--ink);border-top:3px solid #a07040; }
.history-panel .eyebrow,.history-panel h3 { color:var(--ink); }
.history-panel .eyebrow { color:#a07040; }
.history-panel .empty-copy,.archive-empty { color:var(--muted); }
.history-panel .text-button { color:#80552b; }
.history-panel .text-button:hover:not(:disabled) { color:#804b29;text-decoration:underline;text-underline-offset:2px; }
.latest-result { color:var(--ink); }
.history-list li { border-top-color:#d6ddd5; }
.history-list time { color:var(--muted); }
.archive-select { color:var(--ink); }
.archive-select select { border-color:#bfc7be;background:#fff;color:var(--ink); }
.archive-select select:hover { border-color:#9daa9e; }
.archive-select select:focus-visible { outline:3px solid #f4bd5c;outline-offset:2px;border-color:#a07040; }
.player-paths { border-top-color:#d6ddd5; }
.player-paths h4,.path-arrow { color:#80552b; }
.player-path-row { border-top-color:#dfe4de; }
.player-path-row strong { color:var(--ink); }
.player-path { color:var(--muted); }
</style>