search

assets/script/pc_style.scss

@@ -48,7 +48,7 @@ img {
     max-width: 100%;
     height: auto;
 }
-table{
+table {
     width: 100%;
 }
 a {
@@ -304,13 +304,14 @@ a {
         align-items: center;
         transition: 0.3s all;
         position: relative;
-        &:hover, &.current{
+        &:hover,
+        &.current {
             background: #81b5e4;
             .icons {
                 filter: brightness(100);
             }
         }
-        &:hover {            
+        &:hover {
             .sub-menu {
                 left: calc(100% + 8px);
                 opacity: 1;
@@ -770,7 +771,7 @@ input[type="radio"] {
             &:nth-child(10) {
                 text-align: left;
             }
-        }        
+        }
     }
 }
 .order-page-table {
@@ -812,13 +813,13 @@ input[type="radio"] {
     .icons {
         width: 30px;
         height: 30px;
-        border: 1px solid #ECECEC;
-        background-color: #F9F9F9;
+        border: 1px solid #ececec;
+        background-color: #f9f9f9;
         border-radius: 5px;
     }
     .icon-edit {
-        border: 1px solid #0041E8;
-        background-color: #F5F7FF;
+        border: 1px solid #0041e8;
+        background-color: #f5f7ff;
         background-position: -108px -82px;
         margin-right: 6px;
     }
@@ -888,3 +889,29 @@ input[type="radio"] {
         border: 1px solid #ececec;
     }
 }
+
+.autocomplete-suggestions {
+    .item {
+        padding: 12px 0;
+        border-bottom: 1px solid #ededed;
+        .info {
+            width: calc(100% - 108px);
+            margin-right: 48px;
+        }
+        img {
+            width: 60px;
+            display: block;
+        }
+        .name {
+            font-weight: 600;
+            line-height: 20px;
+        }
+        .price {
+            font-weight: 600;
+            color: #fb4e4e;
+            line-height: 20px;
+            display: block;
+            margin-top: 5px;
+        }
+    }
+}