Iconos SVG en el menú y en los botones

Iconos en línea (estilo Lucide, sin dependencias) en el menú superior,
pestañas, ficha del manga, lector, historial, descargas y ajustes.
En móvil el menú muestra solo los iconos.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-31 00:12:18 -06:00
co-authored by Claude Opus 5.5
parent f294c1cdf4
commit bb25cde388
3 changed files with 77 additions and 33 deletions
+12
View File
@@ -129,3 +129,15 @@ a.tag:hover, .tag.on { background: var(--accent); color: var(--accent-ink); }
.dlbar { height: 8px; border-radius: 4px; overflow: hidden; }
.dlbar > i { transition: width .6s ease; }
.history .cont a.info { display: block; min-width: 0; flex: 1; }
/* Iconos */
.ic { width: 1.15em; height: 1.15em; flex: none; vertical-align: -0.2em; }
#topbar nav a { display: inline-flex; align-items: center; gap: 6px; }
.tabs button { display: inline-flex; align-items: center; gap: 6px; }
.chapters .meta .ic { width: 1em; height: 1em; }
@media (max-width: 560px) {
#topbar nav a span { display: none; } /* en móvil solo iconos en el menú */
#topbar nav a { padding: 8px 10px; }
#topbar nav a .ic { width: 1.35em; height: 1.35em; }
.search .btn .lbl { display: none; }
}