joshlaymon/Illustrations
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update web/templates/search.html

Browse Source
This commit is contained in:
Joshua Laymon 2025-08-16 21:59:27 +00:00
parent 9d66ddf8bf
commit 2ece4fefce
1 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
web/templates/search.html
View File

@ -62,24 +62,26 @@
</div> </div>
{% endif %} {% endif %}
</div> </div>
<!-- ===== User controls: font size + history + recent views =====
<div class="card" style="padding:12px; margin:12px 0;">
<div class="meta-label">Font size DOES NOT WORK YET</div>
<div style="display:flex; gap:8px; margin-top:8px;">
<button class="nav-btn" data-font-choice="small" type="button">Small</button>
<button class="nav-btn" data-font-choice="default" type="button">Default</button>
<button class="nav-btn" data-font-choice="large" type="button">Large</button>
<button class="nav-btn" data-font-choice="xlarge" type="button">Extra-Large</button>
</div>
</div> -->
<div class="card" style="padding:12px; margin:12px 0;"> <!-- ===== History (single card) ===== -->
<div class="meta-label">Your Recent Searches</div> <div class="card" style="padding:12px; margin:16px 0 12px;">
<ul id="searchHistoryList" class="small" style="margin:8px 0 0; padding-left:18px;"></ul> <div class="meta-label" style="margin-bottom:8px;">History</div>
<div id="searchHistoryEmpty" class="muted small" style="display:none;">No history yet.</div>
<div class="meta-label">Recently Viewed</div> <!-- Recent Searches -->
<ul id="recentViewsList" class="small" style="margin:8px 0 0; padding-left:18px;"></ul> <div style="margin-top:6px;">
<div id="recentViewsEmpty" class="muted small" style="display:none;">Nothing yet—open an illustration and linger 10s.</div> <div class="small muted" style="margin-bottom:6px;">Your Recent Searches</div>
<ul id="searchHistoryList" class="small" style="margin:0; padding-left:18px;"></ul>
<div id="searchHistoryEmpty" class="muted small" style="display:none;">No history yet.</div>
</div>
<hr style="border:none; border-top:1px solid var(--border); margin:12px 0;">
<!-- Recently Viewed -->
<div>
<div class="small muted" style="margin-bottom:6px;">Recently Viewed</div>
<ul id="recentViewsList" class="small" style="margin:0; padding-left:18px;"></ul>
<div id="recentViewsEmpty" class="muted small" style="display:none;">Nothing yet—open an illustration and linger 10s.</div>
</div>
</div> </div>
<script> <script>