fix: match search-btn height to send-btn, add 'web' label

- search-btn now uses same font/font-size/font-weight as send-btn
- label is 'web 🔍' so the purpose is obvious
This commit is contained in:
gramps
2026-07-13 15:48:19 -07:00
parent 934f85e178
commit cb3c33aa57
+2 -2
View File
@@ -215,7 +215,7 @@ body { font-family: var(--font-body); background: var(--bg-primary); color: var(
.send-btn:hover { background:var(--accent); } .send-btn:hover { background:var(--accent); }
.stop-btn { padding:12px 20px; background:var(--danger); border:none; border-radius:var(--radius); color:#fff; font-family:var(--font-mono); font-size:13px; font-weight:600; cursor:pointer; } .stop-btn { padding:12px 20px; background:var(--danger); border:none; border-radius:var(--radius); color:#fff; font-family:var(--font-mono); font-size:13px; font-weight:600; cursor:pointer; }
.stop-btn:hover { background:var(--danger-hover); } .stop-btn:hover { background:var(--danger-hover); }
.search-btn { padding:12px 14px; background:var(--warning); border:none; border-radius:var(--radius); color:#fff; font-size:16px; cursor:pointer; transition:background 0.2s; } .search-btn { padding:12px 16px; background:var(--warning); border:none; border-radius:var(--radius); color:#fff; font-family:var(--font-mono); font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; transition:background 0.2s; }
.search-btn:hover { background:#e67e22; } .search-btn:hover { background:#e67e22; }
.search-btn:disabled { background:var(--text-muted); cursor:not-allowed; } .search-btn:disabled { background:var(--text-muted); cursor:not-allowed; }
.file-preview { max-width:900px; margin:0 auto 8px; display:none; align-items:center; gap:10px; background:var(--bg-tertiary); border:1px solid var(--border); border-radius:var(--radius); padding:8px 12px; } .file-preview { max-width:900px; margin:0 auto 8px; display:none; align-items:center; gap:10px; background:var(--bg-tertiary); border:1px solid var(--border); border-radius:var(--radius); padding:8px 12px; }
@@ -419,7 +419,7 @@ body { font-family: var(--font-body); background: var(--bg-primary); color: var(
<button class="paperclip-btn" id="paperclipBtn" onclick="document.getElementById('fileInput').click()" title="Attach file">&#128206;</button> <button class="paperclip-btn" id="paperclipBtn" onclick="document.getElementById('fileInput').click()" title="Attach file">&#128206;</button>
<textarea id="userInput" placeholder="Type a message... (Shift+Enter to search, Enter to send)" rows="1" autofocus></textarea> <textarea id="userInput" placeholder="Type a message... (Shift+Enter to search, Enter to send)" rows="1" autofocus></textarea>
<button class="send-btn" id="sendBtn" onclick="sendMessage()">SEND</button> <button class="send-btn" id="sendBtn" onclick="sendMessage()">SEND</button>
<button class="search-btn" id="searchBtn" onclick="sendSearch()" title="Search the web" style="display:none">&#128269;</button> <button class="search-btn" id="searchBtn" onclick="sendSearch()" title="Search the web" style="display:none">web &#128269;</button>
</div> </div>
</div> </div>