23 lines
853 B
PHP
23 lines
853 B
PHP
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
// Initialize Lucide icons
|
|
lucide.createIcons();
|
|
|
|
const sidebarToggle = document.getElementById('sidebar-toggle');
|
|
const sidebar = document.getElementById('sidebar');
|
|
const content = document.getElementById('content');
|
|
|
|
if (sidebarToggle && sidebar && content) {
|
|
sidebarToggle.addEventListener('click', function() {
|
|
// This handles both mobile (active) and desktop (mini) states
|
|
// The CSS media queries will apply the correct styles.
|
|
sidebar.classList.toggle('active');
|
|
sidebar.classList.toggle('mini');
|
|
content.classList.toggle('full-width');
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |