Initial commit
This commit is contained in:
@ -0,0 +1,31 @@
|
||||
<!--begin::Logo-->
|
||||
<div class="app-sidebar-logo px-6" id="kt_app_sidebar_logo">
|
||||
<!--begin::Logo image-->
|
||||
<a href="/">
|
||||
<img alt="Logo" src="{{ image('logos/default-dark.svg') }}" class="h-25px app-sidebar-logo-default" />
|
||||
<img alt="Logo" src="{{ image('logos/default-small.svg') }}" class="h-20px app-sidebar-logo-minimize" />
|
||||
</a>
|
||||
<!--end::Logo image-->
|
||||
<!--begin::Sidebar toggle-->
|
||||
<!--begin::Minimized sidebar setup:
|
||||
if (isset($_COOKIE["sidebar_minimize_state"]) && $_COOKIE["sidebar_minimize_state"] === "on") {
|
||||
1. "src/js/layout/sidebar.js" adds "sidebar_minimize_state" cookie value to save the sidebar minimize state.
|
||||
2. Set data-kt-app-sidebar-minimize="on" attribute for body tag.
|
||||
3. Set data-kt-toggle-state="active" attribute to the toggle element with "kt_app_sidebar_toggle" id.
|
||||
4. Add "active" class to to sidebar toggle element with "kt_app_sidebar_toggle" id.
|
||||
}
|
||||
-->
|
||||
<div id="kt_app_sidebar_toggle" class="app-sidebar-toggle btn btn-icon btn-shadow btn-sm btn-color-muted btn-active-color-primary body-bg h-30px w-30px position-absolute top-50 start-100 translate-middle rotate" data-kt-toggle="true" data-kt-toggle-target="body" data-kt-toggle-name="app-sidebar-minimize">
|
||||
{!! getIcon('double-left', 'fs-2 rotate-180') !!}
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var sidebar_toggle = document.getElementById("kt_app_sidebar_toggle"); // Get the sidebar toggle button element
|
||||
if ("{{ Cookie::get('sidebar_minimize_state') }}" === "on") {
|
||||
document.body.setAttribute("data-kt-app-sidebar-minimize", "on"); // Set the 'data-kt-app-sidebar-minimize' attribute for the body tag
|
||||
sidebar_toggle.setAttribute("data-kt-toggle-state", "active"); // Set the 'data-kt-toggle-state' attribute for the sidebar toggle button
|
||||
sidebar_toggle.classList.add("active"); // Add the 'active' class to the sidebar toggle button
|
||||
}
|
||||
</script>
|
||||
<!--end::Sidebar toggle-->
|
||||
</div>
|
||||
<!--end::Logo-->
|
Reference in New Issue
Block a user