refactor sidebar toggle

This commit is contained in:
Paul Laros
2021-05-12 13:54:20 +02:00
parent 14bed63ea1
commit ed7fd55b59
16 changed files with 66 additions and 63 deletions
+2 -2
View File
@@ -20,7 +20,7 @@
<body>
<div class="wrapper">
<nav id="sidebar" class="sidebar">
<nav id="sidebar" class="sidebar js-sidebar">
<div class="sidebar-content js-simplebar">
<a class="sidebar-brand" href="index.html">
<span class="align-middle">AdminKit</span>
@@ -133,7 +133,7 @@
<div class="main">
<nav class="navbar navbar-expand navbar-light navbar-bg">
<a class="sidebar-toggle d-flex">
<a class="sidebar-toggle js-sidebar-toggle">
<i class="hamburger align-self-center"></i>
</a>
+2 -2
View File
@@ -20,7 +20,7 @@
<body>
<div class="wrapper">
<nav id="sidebar" class="sidebar">
<nav id="sidebar" class="sidebar js-sidebar">
<div class="sidebar-content js-simplebar">
<a class="sidebar-brand" href="index.html">
<span class="align-middle">AdminKit</span>
@@ -133,7 +133,7 @@
<div class="main">
<nav class="navbar navbar-expand navbar-light navbar-bg">
<a class="sidebar-toggle d-flex">
<a class="sidebar-toggle js-sidebar-toggle">
<i class="hamburger align-self-center"></i>
</a>
+2 -2
View File
@@ -20,7 +20,7 @@
<body>
<div class="wrapper">
<nav id="sidebar" class="sidebar">
<nav id="sidebar" class="sidebar js-sidebar">
<div class="sidebar-content js-simplebar">
<a class="sidebar-brand" href="index.html">
<span class="align-middle">AdminKit</span>
@@ -133,7 +133,7 @@
<div class="main">
<nav class="navbar navbar-expand navbar-light navbar-bg">
<a class="sidebar-toggle d-flex">
<a class="sidebar-toggle js-sidebar-toggle">
<i class="hamburger align-self-center"></i>
</a>
+3 -16
View File
@@ -20,7 +20,7 @@
<body>
<div class="wrapper">
<nav id="sidebar" class="sidebar">
<nav id="sidebar" class="sidebar js-sidebar">
<div class="sidebar-content js-simplebar">
<a class="sidebar-brand" href="index.html">
<span class="align-middle">AdminKit</span>
@@ -133,7 +133,7 @@
<div class="main">
<nav class="navbar navbar-expand navbar-light navbar-bg">
<a class="sidebar-toggle d-flex">
<a class="sidebar-toggle js-sidebar-toggle">
<i class="hamburger align-self-center"></i>
</a>
@@ -305,21 +305,8 @@
<main class="content">
<div class="container-fluid p-0">
<div class="row mb-2 mb-xl-3">
<div class="col-auto d-none d-sm-block">
<h3><strong>Analytics</strong> Dashboard</h3>
</div>
<h1 class="h3 mb-3"><strong>Analytics</strong> Dashboard</h1>
<div class="col-auto ms-auto text-end mt-n1">
<nav aria-label="breadcrumb">
<ol class="breadcrumb bg-transparent p-0 mt-1 mb-0">
<li class="breadcrumb-item"><a href="#">AdminKit</a></li>
<li class="breadcrumb-item"><a href="#">Dashboards</a></li>
<li class="breadcrumb-item active" aria-current="page">Analytics</li>
</ol>
</nav>
</div>
</div>
<div class="row">
<div class="col-xl-6 col-xxl-5 d-flex">
<div class="w-100">
+2 -2
View File
@@ -20,7 +20,7 @@
<body>
<div class="wrapper">
<nav id="sidebar" class="sidebar">
<nav id="sidebar" class="sidebar js-sidebar">
<div class="sidebar-content js-simplebar">
<a class="sidebar-brand" href="index.html">
<span class="align-middle">AdminKit</span>
@@ -133,7 +133,7 @@
<div class="main">
<nav class="navbar navbar-expand navbar-light navbar-bg">
<a class="sidebar-toggle d-flex">
<a class="sidebar-toggle js-sidebar-toggle">
<i class="hamburger align-self-center"></i>
</a>
+2 -2
View File
@@ -20,7 +20,7 @@
<body>
<div class="wrapper">
<nav id="sidebar" class="sidebar">
<nav id="sidebar" class="sidebar js-sidebar">
<div class="sidebar-content js-simplebar">
<a class="sidebar-brand" href="index.html">
<span class="align-middle">AdminKit</span>
@@ -133,7 +133,7 @@
<div class="main">
<nav class="navbar navbar-expand navbar-light navbar-bg">
<a class="sidebar-toggle d-flex">
<a class="sidebar-toggle js-sidebar-toggle">
<i class="hamburger align-self-center"></i>
</a>
+2 -2
View File
@@ -20,7 +20,7 @@
<body>
<div class="wrapper">
<nav id="sidebar" class="sidebar">
<nav id="sidebar" class="sidebar js-sidebar">
<div class="sidebar-content js-simplebar">
<a class="sidebar-brand" href="index.html">
<span class="align-middle">AdminKit</span>
@@ -133,7 +133,7 @@
<div class="main">
<nav class="navbar navbar-expand navbar-light navbar-bg">
<a class="sidebar-toggle d-flex">
<a class="sidebar-toggle js-sidebar-toggle">
<i class="hamburger align-self-center"></i>
</a>
+2 -2
View File
@@ -20,7 +20,7 @@
<body>
<div class="wrapper">
<nav id="sidebar" class="sidebar">
<nav id="sidebar" class="sidebar js-sidebar">
<div class="sidebar-content js-simplebar">
<a class="sidebar-brand" href="index.html">
<span class="align-middle">AdminKit</span>
@@ -133,7 +133,7 @@
<div class="main">
<nav class="navbar navbar-expand navbar-light navbar-bg">
<a class="sidebar-toggle d-flex">
<a class="sidebar-toggle js-sidebar-toggle">
<i class="hamburger align-self-center"></i>
</a>
+2 -2
View File
@@ -20,7 +20,7 @@
<body>
<div class="wrapper">
<nav id="sidebar" class="sidebar">
<nav id="sidebar" class="sidebar js-sidebar">
<div class="sidebar-content js-simplebar">
<a class="sidebar-brand" href="index.html">
<span class="align-middle">AdminKit</span>
@@ -133,7 +133,7 @@
<div class="main">
<nav class="navbar navbar-expand navbar-light navbar-bg">
<a class="sidebar-toggle d-flex">
<a class="sidebar-toggle js-sidebar-toggle">
<i class="hamburger align-self-center"></i>
</a>
+2 -2
View File
@@ -20,7 +20,7 @@
<body>
<div class="wrapper">
<nav id="sidebar" class="sidebar">
<nav id="sidebar" class="sidebar js-sidebar">
<div class="sidebar-content js-simplebar">
<a class="sidebar-brand" href="index.html">
<span class="align-middle">AdminKit</span>
@@ -133,7 +133,7 @@
<div class="main">
<nav class="navbar navbar-expand navbar-light navbar-bg">
<a class="sidebar-toggle d-flex">
<a class="sidebar-toggle js-sidebar-toggle">
<i class="hamburger align-self-center"></i>
</a>
+2 -2
View File
@@ -20,7 +20,7 @@
<body>
<div class="wrapper">
<nav id="sidebar" class="sidebar">
<nav id="sidebar" class="sidebar js-sidebar">
<div class="sidebar-content js-simplebar">
<a class="sidebar-brand" href="index.html">
<span class="align-middle">AdminKit</span>
@@ -133,7 +133,7 @@
<div class="main">
<nav class="navbar navbar-expand navbar-light navbar-bg">
<a class="sidebar-toggle d-flex">
<a class="sidebar-toggle js-sidebar-toggle">
<i class="hamburger align-self-center"></i>
</a>
+2 -2
View File
@@ -20,7 +20,7 @@
<body>
<div class="wrapper">
<nav id="sidebar" class="sidebar">
<nav id="sidebar" class="sidebar js-sidebar">
<div class="sidebar-content js-simplebar">
<a class="sidebar-brand" href="index.html">
<span class="align-middle">AdminKit</span>
@@ -133,7 +133,7 @@
<div class="main">
<nav class="navbar navbar-expand navbar-light navbar-bg">
<a class="sidebar-toggle d-flex">
<a class="sidebar-toggle js-sidebar-toggle">
<i class="hamburger align-self-center"></i>
</a>
+2 -2
View File
@@ -20,7 +20,7 @@
<body>
<div class="wrapper">
<nav id="sidebar" class="sidebar">
<nav id="sidebar" class="sidebar js-sidebar">
<div class="sidebar-content js-simplebar">
<a class="sidebar-brand" href="index.html">
<span class="align-middle">AdminKit</span>
@@ -133,7 +133,7 @@
<div class="main">
<nav class="navbar navbar-expand navbar-light navbar-bg">
<a class="sidebar-toggle d-flex">
<a class="sidebar-toggle js-sidebar-toggle">
<i class="hamburger align-self-center"></i>
</a>
+2 -2
View File
@@ -20,7 +20,7 @@
<body>
<div class="wrapper">
<nav id="sidebar" class="sidebar">
<nav id="sidebar" class="sidebar js-sidebar">
<div class="sidebar-content js-simplebar">
<a class="sidebar-brand" href="index.html">
<span class="align-middle">AdminKit</span>
@@ -133,7 +133,7 @@
<div class="main">
<nav class="navbar navbar-expand navbar-light navbar-bg">
<a class="sidebar-toggle d-flex">
<a class="sidebar-toggle js-sidebar-toggle">
<i class="hamburger align-self-center"></i>
</a>
+2 -2
View File
@@ -20,7 +20,7 @@
<body>
<div class="wrapper">
<nav id="sidebar" class="sidebar">
<nav id="sidebar" class="sidebar js-sidebar">
<div class="sidebar-content js-simplebar">
<a class="sidebar-brand" href="index.html">
<span class="align-middle">AdminKit</span>
@@ -133,7 +133,7 @@
<div class="main">
<nav class="navbar navbar-expand navbar-light navbar-bg">
<a class="sidebar-toggle d-flex">
<a class="sidebar-toggle js-sidebar-toggle">
<i class="hamburger align-self-center"></i>
</a>