diff --git a/static/index.html b/static/index.html index 35f8906..0d50af8 100644 --- a/static/index.html +++ b/static/index.html @@ -405,12 +405,15 @@ width: 42px; height: 42px; border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; } + .asset-item .ai-icon.ai-icon-wide { + width: 64px; padding: 0 4px; + } + .asset-item .ai-icon .cat-icon-img { width: 28px; height: 28px; object-fit: contain; } .asset-item .ai-icon.cat-Furniture { background: #1a2e2a; } .asset-item .ai-icon.cat-Appliances { background: #1a2a3e; } .asset-item .ai-icon.cat-Utensils---Serveware { background: #2a2510; } .asset-item .ai-icon.cat-Equipment { background: #2a1a2e; } .asset-item .ai-icon.cat-Other { background: #1a1b26; } - .asset-item .ai-icon .cat-icon-img { width: 28px; height: 28px; object-fit: contain; } .asset-item .ai-info { flex: 1; min-width: 0; } .asset-item .ai-name { font-weight: 600; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .asset-item .ai-meta { font-size: 12px; color: var(--text2); margin-top: 2px; } @@ -679,6 +682,8 @@ background: var(--accent); color: #fff; font-size: 10px; font-weight: 700; padding: 1px 6px; border-radius: 8px; margin-left: 2px; } + .filter-toggle.warn { border-color: var(--amber); color: var(--amber); } + .filter-toggle.warn.active { background: rgba(255, 168, 0, 0.15); } .filter-panel { display: none; margin-bottom: 8px; background: var(--card2); border: 1px solid var(--border); @@ -1176,15 +1181,7 @@ -