diff --git a/src/main/resources/templates/channels.html b/src/main/resources/templates/channels.html index b933bf1..6a687a7 100644 --- a/src/main/resources/templates/channels.html +++ b/src/main/resources/templates/channels.html @@ -213,20 +213,21 @@ checkboxes.forEach(cb => { const card = cb.closest('.card'); const customCb = card.querySelector('.custom-checkbox'); - const checkIcon = customCb.querySelector('i'); + // lucide 가 로 치환하므로 둘 다 잡는다(없으면 무시). + const checkIcon = customCb.querySelector('svg, i'); if (cb.checked) { card.style.borderColor = 'var(--primary)'; card.style.background = 'rgba(59, 130, 246, 0.05)'; customCb.style.background = 'var(--primary)'; customCb.style.borderColor = 'var(--primary)'; - checkIcon.style.display = 'block'; + if (checkIcon) checkIcon.style.display = 'block'; } else { card.style.borderColor = 'var(--glass-border)'; card.style.background = 'var(--glass-bg)'; customCb.style.background = 'var(--surface-2)'; customCb.style.borderColor = 'var(--border-strong)'; - checkIcon.style.display = 'none'; + if (checkIcon) checkIcon.style.display = 'none'; } }); if (window.lucide) window.lucide.createIcons();