04/18 fix web app responsive 2

This commit is contained in:
2026-04-18 15:09:39 -04:00
parent 83c8d0eea5
commit ab441ae289
2 changed files with 60 additions and 29 deletions
+29 -21
View File
@@ -184,33 +184,41 @@
<!-- Vault view -->
<div id="view-vault">
<header class="vault-header">
<h2 class="vault-title" id="vault-title">All Items</h2>
<div class="vault-toolbar">
<div class="search-wrapper">
<span class="search-icon">🔍</span>
<input
type="search"
id="search-input"
placeholder="Search vault…"
autocomplete="off"
/>
<div class="vault-header-inner">
<h2 class="vault-title" id="vault-title">All Items</h2>
<div class="vault-toolbar">
<div class="search-wrapper">
<span class="search-icon">🔍</span>
<input
type="search"
id="search-input"
placeholder="Search vault…"
autocomplete="off"
/>
</div>
<div class="sort-wrapper">
<select id="sort-select" title="Sort by">
<option value="name-asc">Name AZ</option>
<option value="name-desc">Name ZA</option>
<option value="date-desc">Newest first</option>
<option value="date-asc">Oldest first</option>
<option value="folder">By folder</option>
</select>
</div>
<button class="btn-fab" id="btn-add-item" title="Add item">
+
</button>
</div>
<div class="sort-wrapper">
<select id="sort-select" title="Sort by">
<option value="name-asc">Name AZ</option>
<option value="name-desc">Name ZA</option>
<option value="date-desc">Newest first</option>
<option value="date-asc">Oldest first</option>
<option value="folder">By folder</option>
</select>
</div>
<button class="btn-fab" id="btn-add-item" title="Add item">+</button>
</div>
</header>
<div id="vault-spinner" class="spinner-overlay hidden">
<div class="spinner"></div>
</div>
<ul id="vault-list" class="vault-list"></ul>
<div class="vault-list">
<div class="vault-list-inner">
<ul id="vault-list"></ul>
</div>
</div>
</div>
<!-- Security dashboard view -->