feat: version 2.8.1 -- catalogo de logos de marca en Contraseñas (simple-icons, CC0)

Amplia el selector de icono de una credencial con ~70 logos reales de marcas conocidas
(Google, GitHub, Cloudflare, cPanel, MikroTik, WordPress, etc.), empaquetados localmente
desde el paquete simple-icons (dominio publico) y tree-shakeados por Vite. Se mantiene el
criterio de privacidad ya establecido: ninguna consulta externa de favicon por entrada.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Milton Gonzalez
2026-10-01 14:16:31 -05:00
parent 551ed9b790
commit 8214df62ae
9 changed files with 139 additions and 22 deletions
+3
View File
@@ -379,6 +379,7 @@ table.list-table { width: 100%; border-collapse: collapse; font-size: .8rem; }
text-overflow: ellipsis; white-space: nowrap;
}
.vault-icon-picker { display: flex; flex-wrap: wrap; gap: 8px; }
.vault-icon-picker-brands { max-height: 150px; overflow-y: auto; padding-top: 8px; margin-top: 4px; border-top: 1px dashed rgb(var(--line)); }
.vault-icon-option {
width: 36px; height: 36px; border-radius: 999px; border: 1px solid rgb(var(--line));
background: rgb(var(--field)); color: rgb(var(--body)); cursor: pointer;
@@ -386,6 +387,8 @@ table.list-table { width: 100%; border-collapse: collapse; font-size: .8rem; }
}
.vault-icon-option:hover { border-color: rgb(var(--accent) / .6); }
.vault-icon-option.selected { border-color: rgb(var(--accent)); background: rgb(var(--accent) / .15); color: rgb(var(--accent)); }
.vault-icon-option.brand, .vault-card-icon.brand { background: #fff; }
.vault-icon-option.brand.selected { border-color: rgb(var(--accent)); }
/* --- DetailPopup (ver DetailPopup.jsx) ---
Al elegir un item de un listado, la lista queda inactiva detras del overlay y el popup