File manager

File manager - Edit - /var/www/html/portal/public/pmar/css/menu.css

Back
body { visibility: hidden !important; } /* Estrutura base / .wrapper { display: flex; flex-direction: column; height: 100vh; } / NAVBAR TOPO / .navbar { height: 60px; background-color: #ffffff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: space-between; padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; } .navbar-content { display: flex; align-items: center; justify-content: space-between; width: 100%; } .user-info { display: flex; align-items: center; gap: 10px; } / user-info -> <span> -> <a> / .usarname-link { color: inherit; text-decoration: none; font-weight: normal; } .profile-pic { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; } / SIDEBAR LATERAL / .sidebar { position: fixed; top: 60px; left: 0; width: 250px; height: calc(100% - 60px); background: #21409A; overflow-y: auto; transition: width 0.3s ease; z-index: 999; } .sidebar.closed { width: 80px; } .sidebar .nav-list { padding: 20px 0; list-style: none; } .sidebar .nav-list li { position: relative; } .sidebar .nav-list li a { display: flex; align-items: center; color: white; padding: 5px 15px; text-decoration: none; transition: background 0.3s ease; } .sidebar .nav-list li a:hover { background: rgba(255, 255, 255, 0.1); } .sidebar .nav-list li a i { min-width: 24px; margin-right: 10px; text-align: center; } / Nomes dos links / .links_name { display: inline-block; / permite tratar como bloco / white-space: normal !important; / permite quebra de linha / word-break: break-word; / quebra a palavra se for muito longa / transition: opacity 0.3s ease; } .sidebar.closed .links_name { display: none; } / Tooltips / .sidebar .tooltip { display: none; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); background: #fff; color: #11101d; padding: 5px 10px; border-radius: 6px; white-space: nowrap; z-index: 1001; } .sidebar.closed .nav-list li:hover .tooltip { display: block; } / BOTÃO MENU / .toggle-btn { color: white; font-size: 24px; cursor: pointer; } / CONTEÚDO PRINCIPAL / .main-content { margin-top: 60px; margin-left: 250px; padding: 20px; transition: margin-left 0.3s ease; min-height: calc(100vh - 60px); background-color: #f9f9f9; } .sidebar.closed ~ .main-content { margin-left: 80px; } .mobile-menu-btn { display: none; background: none; border: none; color: #11101d; font-size: 24px; cursor: pointer; } .bx.bx-log-out { background: none; border: none; color: #11101d; font-size: 24px; cursor: pointer; } / Mostrar botão somente em telas até 768px (sm) / @media (max-width: 768px) { .navbar-content { position: relative; } .mobile-menu-btn { display: inline-block; position: absolute; right: 16px; top: 50%; transform: translateY(-53%); padding-right: 15px; } / Opcional: esconde o toggleBtn lateral em mobile / .toggle-btn { display: none; } } / Responsivo / @media (max-width: 768px) { .sidebar.closed { padding-top: 0 !important; / remove pt-4 / / padding-bottom: 0 !important; se quiser manter o bottom, não declare / } .mobile-menu-btn { display: block; } .sidebar { position: fixed; top: 60px; left: -250px; / começa escondido / width: 250px; height: calc(100% - 60px); background: #11101d; transition: left 0.3s ease; z-index: 1001; overflow-y: auto; } / Quando estiver aberto no mobile / .sidebar.open { left: 0; / mostra menu / } / Quando estiver fechado no mobile / .sidebar.closed { left: -250px; / esconde menu / } / Conteúdo principal fica 100% na largura no mobile / .main-content { margin-left: 0 !important; transition: none !important; } } .toggle-btn { position: relative; width: 30px; / define um tamanho fixo para o botão / height: 30px; } .toggle-btn i { position: absolute; top: 0; left: 0; transition: opacity 0.3s ease; width: 100%; height: 100%; text-align: center; line-height: 30px; font-size: 24px; pointer-events: none; / evita cliques duplicados nos ícones */ } .icon-close { opacity: 0; } .toggle-btn.open .icon-bars { opacity: 0; } .toggle-btn.open .icon-close { opacity: 1; }

| ver. 1.4 | Github | . | PHP 8.3.28 | Generation time: 0.01 | proxy | phpinfo | Settings