diff --git a/pages/projetos.md b/pages/projetos.md index e73fd3db..d218803e 100755 --- a/pages/projetos.md +++ b/pages/projetos.md @@ -20,7 +20,7 @@ permalink: /projetos/
-
+
@@ -315,25 +315,30 @@ document.addEventListener('DOMContentLoaded', () => { const filterBtn = document.getElementById('filter-toggle-btn'); const filterContent = document.getElementById('filter-content'); const filterChevron = document.getElementById('filter-chevron'); - let isFilterOpen = false; + + // Define estado inicial baseado na largura da tela + let isFilterOpen = window.innerWidth > 1024; - // Abre o menu automaticamente se a tela for grande (Desktop), fecha em Mobile - if(window.innerWidth > 1024) { - isFilterOpen = true; - filterContent.style.display = 'block'; - filterChevron.style.transform = 'rotate(180deg)'; + // Função para aplicar o estado visual + function updateFilterState() { + if(isFilterOpen) { + filterContent.style.display = 'block'; + filterChevron.style.transform = 'rotate(180deg)'; + } else { + filterContent.style.display = 'none'; + filterChevron.style.transform = 'rotate(0deg)'; + } + } + + // Aplica estado inicial ao carregar + if (filterContent && filterChevron) { + updateFilterState(); } if(filterBtn && filterContent) { filterBtn.addEventListener('click', () => { - isFilterOpen = !isFilterOpen; - if(isFilterOpen) { - filterContent.style.display = 'block'; - filterChevron.style.transform = 'rotate(180deg)'; - } else { - filterContent.style.display = 'none'; - filterChevron.style.transform = 'rotate(0deg)'; - } + isFilterOpen = !isFilterOpen; // Inverte o estado + updateFilterState(); // Aplica a mudança }); }