payam fix search

public/css/theme.css

@@ -11756,3 +11756,30 @@ tr.border-bottom td {
 .x-sub-menu li {
   list-style: none;
 }
+
+#search-list {
+  padding: 7px;
+  display: none;
+  background: #fff;
+  border: 1px solid silver;
+  position: absolute;
+  min-height: 35px;
+  box-shadow: 2px 2px 5px rgba(95, 106, 130, 0.52);
+  z-index: 99999;
+}
+
+#search-list img {
+  height: 45px;
+  float: left;
+}
+
+#search-list h4 {
+  font-size: 15px !important;
+  font-weight: 800;
+}
+
+#search-list h5 {
+  font-size: 14px !important;
+  color: #2d69eb;
+  text-align: end;
+}

resources/js/app.js

@@ -23,6 +23,8 @@ require('./customer')
 require('./other');
 require('./general');
 
+
+
 /**
  * The following block of code may be used to automatically register your
  * Vue components. It will recursively scan this directory for the Vue

resources/theme/js/theme.js

@@ -146,6 +146,7 @@ jQuery(function ($) {
             },
         }
     });
+
     $('#thumbs').owlCarousel({
         loop: false,
         margin: 4,

resources/theme/theme.scss

@@ -482,3 +482,30 @@ $is-dark: 'false';
         list-style: none;
     }
 }
+
+#search-list {
+    padding: 7px;
+    display: none;
+    background: #fff;
+    border: 1px solid silver;
+    position: absolute;
+    min-height: 35px;
+    box-shadow: 2px 2px 5px rgba(95, 106, 130, 0.52);
+    z-index: 99999;
+}
+
+#search-list img {
+    height: 45px;
+    float: left;
+}
+
+#search-list h4 {
+    font-size: 15px !important;
+    font-weight: 800;
+}
+
+#search-list h5 {
+    font-size: 14px !important;
+    color: #2d69eb;
+    text-align: end;
+}

resources/views/website/component/navbar.blade.php

@@ -61,3 +61,4 @@
         {!! \App\Helpers\MenuShowByName('menu')  !!}
     </ul>
 </nav>
+<div id="search-list"></div>