drkthunder02/alliance-services
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update sidebar

Browse Source
This commit is contained in:
drkthunder02
2026-04-08 05:47:50 -05:00
parent ca7fa1afc7
commit 6adc477aa1
1 changed files with 69 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
resources/views/layouts/dashb5.blade.php
View File

@@ -1,78 +1,84 @@
<!DOCTYPE html>
<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Hugo 0.118.2">
<title>@yield('title')</title>
<!-- Script para el tema oscuro -->
<script src="color-modes.js"></script>
<!-- Bootstrao 5.3.2 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<!-- Iconos de bootstrap -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<!-- Estilos Basicos -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/chartist.js/latest/chartist.min.css">
<!-- Jquery -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
<!-- Scripts -->
@vite(['resources/sass/app.scss', 'resources/js/app.js'])
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>@yield('title')</title>
<!-- Custom styles for this template -->
<style>
body {
height: 100%;
}
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Hugo 0.118.2">
<!-- Script para el tema oscuro -->
<script src="color-modes.js"></script>
<!-- Bootstrao 5.3.2 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<!-- Iconos de bootstrap -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<!-- Estilos Basicos -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/chartist.js/latest/chartist.min.css">
<!-- Jquery -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
aside {
/* border: 1px yellow solid; */
position: fixed;
overflow: auto;
height: calc(100vh - 68px);
justify-content: flex-start;
align-self: flex-start;
<!-- Custom styles for this template -->
<style>
body {
height: 100%;
}
}
aside {
/* border: 1px yellow solid; */
position: fixed;
overflow: auto;
height: calc(100vh - 68px);
justify-content: flex-start;
align-self: flex-start;
main {
position: relative;
overflow: auto;
margin-left: auto;
justify-content: flex-end;
align-self: flex-end;
}
}
#sidebarshow {
display: none;
main {
position: relative;
overflow: auto;
margin-left: auto;
justify-content: flex-end;
align-self: flex-end;
}
}
@media screen and (max-width: 575px) {
#sidebarshow {
display: inline;
}
#sidebartoggle {
#sidebarshow {
display: none;
}
}
</style>
<script>
function changeclass() {
const mclass = $("#main");
if (mclass.hasClass('col-sm-12')) {
localStorage.setItem('menushow', 1)
} else {
localStorage.setItem('menushow', 0)
}
}
$("#main").toggleClass('col-sm-10 col-sm-12');
}
</script>
@media screen and (max-width: 575px) {
#sidebarshow {
display: inline;
}
#sidebartoggle {
display: none;
}
}
</style>
<script>
function changeclass() {
const mclass = $("#main");
if (mclass.hasClass('col-sm-12')) {
localStorage.setItem('menushow', 1)
} else {
localStorage.setItem('menushow', 0)
}
$("#main").toggleClass('col-sm-10 col-sm-12');
}
</script>
</head>