category

assets/script/pc_style.scss

@@ -4,11 +4,8 @@
     box-sizing: border-box;
 }
 button,
-input,
 select {
-    outline: none !important;
-    color: #000;
-    border-radius: 0;
+    cursor: pointer;
 }
 button,
 input {
@@ -19,10 +16,12 @@ input,
 optgroup,
 select,
 textarea {
+    outline: none;
     margin: 0;
     font-family: inherit;
     font-size: inherit;
     line-height: inherit;
+    color: #000;
     border-radius: 0;
 }
 input::-webkit-outer-spin-button,
@@ -356,6 +355,7 @@ a {
         &:nth-child(n + 10) {
             .sub-menu {
                 top: unset;
+                bottom: -45px;
             }
         }
     }
@@ -757,6 +757,15 @@ input[type="radio"] {
 }
 
 /* Bán hàng */
+.page-input {
+    width: 100%;
+    height: 36px;
+    padding: 0 10px;
+    border-radius: 4px;
+    border: 1px solid #d8d8d8;
+    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
+}
+
 .order-page {
     .order-page-title {
         a {
@@ -784,13 +793,11 @@ input[type="radio"] {
         td {
             padding: 14px 8px;
             text-align: center;
+            vertical-align: middle;
             &:nth-child(4),
             &:nth-child(10) {
                 text-align: left;
             }
-            * {
-                display: inline-block;
-            }
         }
     }
 }
@@ -798,9 +805,6 @@ input[type="radio"] {
     line-height: 20px;
     a {
         color: #0041e8;
-        &:hover {
-            text-decoration: underline;
-        }
     }
     table {
         width: 100%;
@@ -814,9 +818,14 @@ input[type="radio"] {
             padding: 8px;
         }
     }
-    tr {
-        &:hover {
-            background: #f5f7ff;
+    tbody {
+        td {
+            vertical-align: top;
+        }
+        tr {
+            &:hover {
+                background: #f5f7ff;
+            }
         }
     }
     td {
@@ -866,6 +875,13 @@ input[type="radio"] {
     right: 10px !important;
     color: #9e9e9e !important;
 }
+.td-border-0 {
+    td {
+        border: 0 !important;
+        padding: 3px 0;
+        width: auto;
+    }
+}
 .paging {
     margin: 30px 0;
     display: flex;
@@ -1024,3 +1040,20 @@ input[type="radio"] {
         }
     }
 }
+.modal {
+    .order-page-table {
+        td {
+            vertical-align: middle;
+        }
+    }
+    .brand-letters {
+        a {
+            width: calc(100% / 9);
+            text-transform: capitalize;
+            color: #0041e8;
+            &:hover {
+                text-decoration: underline;
+            }
+        }
+    }
+}