Navbar modified to sidebar

config/adminlte.php

@@ -162,9 +162,9 @@ return [
     |
     */
 
-    'layout_topnav' => true,
-    'layout_boxed' => null,
-    'layout_fixed_sidebar' => null,
+    'layout_topnav' => null,
+    'layout_boxed' => false,
+    'layout_fixed_sidebar' => true,
     'layout_fixed_navbar' => null,
     'layout_fixed_footer' => null,
     'layout_dark_mode' => null,
@@ -206,10 +206,10 @@ return [
     'classes_content_wrapper' => '',
     'classes_content_header' => '',
     'classes_content' => '',
-    'classes_sidebar' => 'sidebar-dark-primary elevation-4',
+    'classes_sidebar' => 'sidebar-light-primary elevation-1',
     'classes_sidebar_nav' => '',
     'classes_topnav' => 'navbar-white navbar-light',
-    'classes_topnav_nav' => 'navbar navbar-expand-lg d-flex flex-column p-0',
+    'classes_topnav_nav' => 'navbar navbar-expand-lg d-flex flex-row p-0',
     'classes_topnav_container' => 'container',
 
     /*

resources/views/vendor/adminlte/partials/common/brand-logo-xs.blade.php

@@ -8,7 +8,7 @@
     @php( $dashboard_url = $dashboard_url ? url($dashboard_url) : '' )
 @endif
 
-<a href="{{ $dashboard_url }}" style="margin-left: 10px; color: #ffffff !important;"
+<a href="{{ $dashboard_url }}" style="margin-left: 10px;"
     @if($layoutHelper->isLayoutTopnavEnabled())
         class="navbar-brand {{ config('adminlte.classes_brand') }}"
     @else
@@ -19,7 +19,7 @@
     <img src="{{ asset(config('adminlte.logo_img', 'vendor/adminlte/dist/img/AdminLTELogo.png')) }}"
          alt="{{ config('adminlte.logo_img_alt', 'AdminLTE') }}"
          class="{{ config('adminlte.logo_img_class', 'brand-image img-circle elevation-3') }}"
-         style="width: 45px; height: 45px;">
+         style="width: 35px; height: 35px;">
 
     {{-- Brand text --}}
     <span class="brand-text font-weight-light {{ config('adminlte.classes_brand_text') }}" > &nbsp;|&nbsp;

resources/views/vendor/adminlte/partials/navbar/menu-item-dropdown-user-menu.blade.php

@@ -14,7 +14,7 @@
 @endif
 
 <li>
-    <div class="row ml-auto mr-auto mt-3 font-weight-bold">
+    <div class="row ml-auto mr-auto mt-2 font-weight-bold">
         <span class="badge bg-light">Contract No.: {{ Auth::user()->contract->rid ?? '-' }}</span>
     </div>
 </li>

resources/views/vendor/adminlte/partials/navbar/navbar.blade.php

 <nav class="main-header navbar
     {{ config('adminlte.classes_topnav_nav', 'navbar-expand') }}
-    {{ config('adminlte.classes_topnav', 'navbar-white navbar-light') }}">
+    {{ config('adminlte.classes_topnav', 'navbar-white navbar-light') }}" style="height: 57px;">
 
     {{-- Navbar left links --}}
     <ul class="navbar-nav">

resources/views/vendor/adminlte/partials/sidebar/left-sidebar.blade.php

-<aside class="main-sidebar {{ config('adminlte.classes_sidebar', 'sidebar-dark-primary elevation-4') }}" style="background-color: #0d1b2a !important;">
+<aside class="main-sidebar {{ config('adminlte.classes_sidebar', 'sidebar-light-primary elevation-1') }}">
 
     {{-- Sidebar brand logo --}}
     @if(config('adminlte.logo_img_xl'))
@@ -8,7 +8,16 @@
     @endif
 
     {{-- Sidebar menu --}}
-    <div class="sidebar">
+    <div class="sidebar" style="background: url('{{ asset('images/nairobi_skyline.jpg') }}') no-repeat center center fixed; background-size: cover; position: relative;"> 
+        <div style="
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(255, 255, 255, 0.6);
+        "></div>
+
         <nav class="pt-2">
             <ul class="nav nav-pills nav-sidebar flex-column {{ config('adminlte.classes_sidebar_nav', '') }}"
                 data-widget="treeview" role="menu"
@@ -17,7 +26,8 @@
                 @endif
                 @if(!config('adminlte.sidebar_nav_accordion'))
                     data-accordion="false"
-                @endif>
+                @endif
+                style="margin-top: 15px;">
                 {{-- Configured sidebar links --}}
                 @each('adminlte::partials.sidebar.menu-item', $adminlte->menu('sidebar'), 'item')
             </ul>

resources/views/vendor/adminlte/partials/sidebar/menu-item-header.blade.php

-<li @isset($item['id']) id="{{ $item['id'] }}" @endisset class="nav-header {{ $item['class'] ?? '' }}">
+<li @isset($item['id']) id="{{ $item['id'] }}" @endisset class="nav-header {{ $item['class'] ?? '' }}" style="margin-bottom: 15px;">
 
     {{ is_string($item) ? $item : $item['header'] }}
 

resources/views/vendor/adminlte/partials/sidebar/menu-item-link.blade.php

-<li @isset($item['id']) id="{{ $item['id'] }}" @endisset class="nav-item">
+<li @isset($item['id']) id="{{ $item['id'] }}" @endisset class="nav-item" style="margin-bottom: 15px;">
 
     <a class="nav-link {{ $item['class'] }} @isset($item['shift']) {{ $item['shift'] }} @endisset"
        href="{{ $item['href'] }}" @isset($item['target']) target="{{ $item['target'] }}" @endisset
        {!! $item['data-compiled'] ?? '' !!}>
 
-        <i class="{{ $item['icon'] ?? 'far fa-fw fa-circle' }} {{
+        <i class="{{ $item['icon'] ?? '' }} {{
             isset($item['icon_color']) ? 'text-'.$item['icon_color'] : ''
         }}"></i>
 
-        <p>
+        <p style="margin-left: 5px;">
             {{ $item['text'] }}
 
             @isset($item['label'])

resources/views/vendor/adminlte/partials/sidebar/menu-item-treeview-menu.blade.php

-<li @isset($item['id']) id="{{ $item['id'] }}" @endisset class="nav-item has-treeview {{ $item['submenu_class'] }}">
+<li @isset($item['id']) id="{{ $item['id'] }}" @endisset class="nav-item has-treeview {{ $item['submenu_class'] }}" style="margin-bottom: 15px;">
 
     {{-- Menu toggler --}}
     <a class="nav-link {{ $item['class'] }} @isset($item['shift']) {{ $item['shift'] }} @endisset"
        href="" {!! $item['data-compiled'] ?? '' !!}>
 
-        <i class="{{ $item['icon'] ?? 'far fa-fw fa-circle' }} {{
+        <i class="{{ $item['icon'] ?? '' }} {{
             isset($item['icon_color']) ? 'text-'.$item['icon_color'] : ''
         }}"></i>
 
         <p>
             {{ $item['text'] }}
-            <i class="fas fa-angle-left right"></i>
+            <i class="fas fa-angle-right right"></i>
 
             @isset($item['label'])
                 <span class="badge badge-{{ $item['label_color'] ?? 'primary' }} right">