truths: numbered list, no boxes
This commit is contained in:
@@ -627,12 +627,14 @@
|
||||
.tl-chooser-btn:hover { background: rgba(184,138,67,.12); color: var(--paper); }
|
||||
|
||||
/* Truths */
|
||||
.truth-list { display:flex; flex-direction:column; gap:.6rem; margin-top:.8rem; }
|
||||
.truth-list { display:flex; flex-direction:column; gap:.2rem; margin-top:.6rem; }
|
||||
.truth-item {
|
||||
display:flex; align-items:flex-start; gap:1rem;
|
||||
padding:.8rem 1rem; border-left:3px solid var(--brass);
|
||||
background:rgba(184,138,67,.05);
|
||||
font:italic 1rem/1.6 var(--serif); color:var(--paper);
|
||||
display:flex; align-items:baseline; gap:.75rem;
|
||||
font:italic 1rem/1.7 var(--serif); color:var(--paper);
|
||||
}
|
||||
.truth-item-n {
|
||||
font:700 .62rem/1.7 var(--mono); letter-spacing:.1em;
|
||||
color:var(--brass); flex-shrink:0; opacity:.7;
|
||||
}
|
||||
.truth-item-text { flex:1; }
|
||||
/* Project bar event dots + click zone */
|
||||
@@ -800,6 +802,7 @@
|
||||
<div class="truth-list" x-show="game && game.truths && game.truths.length">
|
||||
<template x-for="(t, i) in (game && game.truths || [])" :key="i">
|
||||
<div class="truth-item">
|
||||
<span class="truth-item-n" x-text="String(i+1).padStart(2,'0')"></span>
|
||||
<span class="truth-item-text" x-text="t"></span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user