Nail/say
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: compact spacing - meter 32px, pad .5rem, less gaps

Browse Source
This commit is contained in:
naeel
2026-06-02 06:45:19 +03:00
parent d7ef0b02fd
commit 6c2f23539f
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.html
+12 -12
View File
@@ -36,25 +36,25 @@
</span>
<span style="cursor:pointer;font-size:16px;" id="btnTheme">🌙</span>
</div>
<div class="card-body" style="padding:.75rem 1rem;">
<canvas id="meter" width="400" height="48" style="width:100%;border-radius:6px;background:var(--grey-light);margin-bottom:6px;"></canvas>
<div style="display:flex;gap:.5rem;align-items:center;">
<button id="btnRecord" class="btn btn-primary">🎙 Записать</button>
<button id="btnPlay" class="btn" disabled>▶ Прослушать</button>
<button id="btnReset" class="btn">🗑 Сброс</button>
<div class="card-body" style="padding:.5rem .75rem;">
<canvas id="meter" width="400" height="32" style="width:100%;border-radius:4px;background:var(--grey-light);margin-bottom:4px;"></canvas>
<div style="display:flex;gap:.4rem;align-items:center;">
<button id="btnRecord" class="btn btn-primary" style="padding:.4rem .8rem;">🎙 Записать</button>
<button id="btnPlay" class="btn" disabled style="padding:.4rem .8rem;">▶ Прослушать</button>
<button id="btnReset" class="btn" style="padding:.4rem .8rem;">🗑 Сброс</button>
</div>
<div id="status" class="status" style="margin-top:4px;"></div>
<div id="status" class="status" style="margin-top:2px;font-size:.8rem;"></div>
</div>
</div>
<div class="card">
<div class="card-header">Диалог</div>
<div class="card-body">
<div style="display:flex;gap:.5rem;margin-bottom:10px;">
<input id="txtInput" type="text" placeholder="Текст + микрофон — что набрали и что сказали — всё в одном запросе к LLM" style="flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;font-size:.9rem;outline:none;background:var(--card);color:var(--text);">
<button id="btnSend" class="btn" style="font-size:13px;">➤</button>
<div class="card-body" style="padding:.5rem .75rem;">
<div style="display:flex;gap:.4rem;margin-bottom:6px;">
<input id="txtInput" type="text" placeholder="Текст + микрофон — всё в одном запросе" style="flex:1;padding:.4rem .6rem;border:1px solid var(--border);border-radius:5px;font-size:.85rem;outline:none;background:var(--card);color:var(--text);">
<button id="btnSend" class="btn" style="padding:.4rem .7rem;font-size:12px;">➤</button>
</div>
<div id="chat" style="min-height:200px;max-height:340px;overflow-y:auto;"></div>
<div id="chat" style="min-height:160px;max-height:300px;overflow-y:auto;"></div>
</div>
</div>
</div>