patrick/SLC_Game
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

.

Browse source
This commit is contained in:
breitenbach76 2026-06-06 16:57:39 +02:00
parent 9cc441b022
commit a6ad426fee
1 changed files with 3 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
04_Tablet-Quiz/app/index.html
View file

@ -177,6 +177,8 @@
.deckCard img{display:block;width:100%;height:auto} .deckCard img{display:block;width:100%;height:auto}
.cardThumb{display:block;width:150px;border-radius:8px;margin:0 auto 14px;box-shadow:0 2px 10px rgba(0,0,0,.12)} .cardThumb{display:block;width:150px;border-radius:8px;margin:0 auto 14px;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.choiceGrid{display:flex;flex-direction:column;gap:8px;margin:10px 0} .choiceGrid{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.choiceGrid.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(max-width:440px){.choiceGrid.grid2{grid-template-columns:1fr}}
.choice{text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font-size:15px;font-weight:600} .choice{text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font-size:15px;font-weight:600}
.choice:hover{border-color:var(--ink)} .choice:hover{border-color:var(--ink)}
.choice.bad{border-color:var(--bad);background:#fdf3f3} .choice.bad{border-color:var(--bad);background:#fdf3f3}
@ -951,7 +953,7 @@ function renderClassify(){
<h2 class="setupTitle">Welche Art von Change ist das?</h2> <h2 class="setupTitle">Welche Art von Change ist das?</h2>
<p class="muted">Überlegt gemeinsam und wählt die passende Change-Art. Die Legende hilft beim Einordnen.</p> <p class="muted">Überlegt gemeinsam und wählt die passende Change-Art. Die Legende hilft beim Einordnen.</p>
${hint} ${hint}
<div class="choiceGrid">${choices}</div> <div class="choiceGrid grid2">${choices}</div>
${legend} ${legend}
<div class="actions"><button class="ghost" id="backDeck">← Andere Karte</button></div>`; <div class="actions"><button class="ghost" id="backDeck">← Andere Karte</button></div>`;
$("#panel").querySelectorAll(".choice").forEach(el=>{ $("#panel").querySelectorAll(".choice").forEach(el=>{