fix: sidebar

This commit is contained in:
Alexandro Uc Santos
2023-12-02 19:38:07 -06:00
parent 177a4ecab3
commit 2c74a4b3ae
3 changed files with 43 additions and 12 deletions

View File

@@ -6,12 +6,13 @@
$(document).ready(function() {
$('#sidebarCollapse').on('click', function () {
$('#sidebar').toggleClass('active');
$('#custom-navbar').toggleClass('active');
});
});
</script>
<template>
<nav class="navbar navbar-expand-lg navbar-light custom-navbar">
<nav class="navbar navbar-expand-lg navbar-light custom-navbar" id="custom-navbar">
<div class="nav-items">
<button type="button" id="sidebarCollapse" class="btn btn-info btn-menu">
<i class="fas fa-align-left"></i>
@@ -70,6 +71,12 @@
color: #282727;
}
#custom-navbar.active {
margin-left: 220px;
display: block;
width: calc(100% - 220px) !important;
}
@media (max-width: 768px) {
.custom-navbar {