From d7dafdaeab9de6f2ec46797c52deffa349e12019 Mon Sep 17 00:00:00 2001 From: drkthunder02 Date: Fri, 3 Apr 2020 20:05:32 -0500 Subject: [PATCH] side nav bar for admin dashboard --- public/css/admin/navbar.css | 51 ++++------- .../views/layouts/admin/sidenavbar.blade.php | 87 ++++++++++--------- 2 files changed, 60 insertions(+), 78 deletions(-) diff --git a/public/css/admin/navbar.css b/public/css/admin/navbar.css index 47aa05f77..24cdb1207 100644 --- a/public/css/admin/navbar.css +++ b/public/css/admin/navbar.css @@ -1,37 +1,16 @@ -.sidenav { - height: 100%; /* Full-height: remove this if you want "auto" height */ - width: 160px; /* Set the width of the sidebar */ - position: fixed; /* Fixed Sidebar (stay in place on scroll) */ - z-index: 1; /* Stay on top */ - top: 0; /* Stay at the top */ +.wrapper { + display: flex; + width: 100%; +} + +#sidebar { + width: 100px; + position: fixed; + top: 0; left: 0; - background-color: #111; /* Black */ - overflow-x: hidden; /* Disable horizontal scroll */ - padding-top: 20px; - } - - /* The navigation menu links */ - .sidenav a { - padding: 6px 8px 6px 16px; - text-decoration: none; - font-size: 25px; - color: #818181; - display: block; - } - - /* When you mouse over the navigation links, change their color */ - .sidenav a:hover { - color: #f1f1f1; - } - - /* Style page content */ - .main { - margin-left: 160px; /* Same as the width of the sidebar */ - padding: 0px 10px; - } - - /* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */ - @media screen and (max-height: 450px) { - .sidenav {padding-top: 15px;} - .sidenav a {font-size: 18px;} - } \ No newline at end of file + height: 100vh; + z-index: 999; + background: #7386D5; + color: #fff; + transition: all 0.3s; +} \ No newline at end of file diff --git a/resources/views/layouts/admin/sidenavbar.blade.php b/resources/views/layouts/admin/sidenavbar.blade.php index 8765a467c..3ef962ea6 100644 --- a/resources/views/layouts/admin/sidenavbar.blade.php +++ b/resources/views/layouts/admin/sidenavbar.blade.php @@ -1,42 +1,45 @@ -
- -
\ No newline at end of file + +