gandora: tags sit with the reactions, above the emoji row
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01K6897PWcUEwHiqZMcVnNF6
This commit is contained in:
1 parent
0c6fd2d1f1
commit
60f374527f
1 file changed
+3
-2
@@ -74,7 +74,7 @@ input,textarea{font:inherit;color:inherit}
|
||||
#tags{color:var(--dim);font:11px var(--font);margin:4px 0 0;letter-spacing:.06em}
|
||||
#lyric{color:var(--dim);font-size:13px;margin:8px 0 0;min-height:1.5em;font-style:italic;cursor:text}
|
||||
#lyric:hover{color:var(--ink)}
|
||||
#tagRow{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0 0}
|
||||
#tagRow{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0 0 4px;max-width:560px}
|
||||
#tagRow button{font:12px var(--font);letter-spacing:.02em;padding:5px 10px;border-radius:999px;border:1px solid var(--line);color:var(--dim);background:transparent;transition:all .15s}
|
||||
#tagRow button.like{color:#111;background:var(--acc);border-color:var(--acc)}
|
||||
#tagRow button.avoid{color:hsl(220 40% 70%);border-color:hsl(220 30% 40%);text-decoration:line-through;opacity:.8}
|
||||
@@ -234,7 +234,7 @@ input,textarea{font:inherit;color:inherit}
|
||||
<div class="face"><canvas width="760" height="760"></canvas><div class="veil">COOKING</div></div>
|
||||
<div class="face back"><div class="backTitle">LYRICS</div><pre id="lyrics"></pre></div>
|
||||
</div></div>
|
||||
<div id="meta"><h1 id="title">…</h1><p id="lyric" title="reply to the DJ"></p><div id="tagRow"></div><p id="tags"></p></div>
|
||||
<div id="meta"><h1 id="title">…</h1><p id="lyric" title="reply to the DJ"></p><p id="tags"></p></div>
|
||||
<div id="bar"><i></i></div>
|
||||
<div id="controls">
|
||||
<button id="backTrack" title="previous track">
|
||||
@@ -261,6 +261,7 @@ input,textarea{font:inherit;color:inherit}
|
||||
<div id="next"></div>
|
||||
</div>
|
||||
<div id="react">
|
||||
<div id="tagRow"></div>
|
||||
<div id="emojis">
|
||||
<button data-e="🔥" title="more of this">🔥</button>
|
||||
<button data-e="❤️" title="love it">❤️</button>
|
||||
|
||||
Reference in new issue
Block a user