marketing

assets/script/pc_style.scss

@@ -157,7 +157,7 @@ a {
             }
             .fa-angle-right {
                 transform: rotate(90deg);
-            }            
+            }
         }
     }
     summary {
@@ -192,7 +192,7 @@ a {
             .icons {
                 filter: brightness(100);
             }
-        }        
+        }
         .icons {
             width: 20px;
             height: 20px;
@@ -239,7 +239,7 @@ a {
                 margin: 0;
             }
         }
-    }    
+    }
     .icon-home {
         background-position: -9px -7px;
     }
@@ -339,8 +339,8 @@ a {
             height: 41px;
             display: none;
         }
-        &:nth-child(n+13){
-            .sub-menu{
+        &:nth-child(n + 13) {
+            .sub-menu {
                 top: unset;
             }
         }
@@ -710,6 +710,11 @@ input[type="radio"] {
         height: 20px;
         background-position: -43px -83px;
     }
+    &.icon-edit {
+        width: 16px;
+        height: 16px;
+        background-position: -114px -89px;
+    }
 }
 
 .admin-header-container {
@@ -718,18 +723,20 @@ input[type="radio"] {
     }
 }
 
-/* Bán hàng */ 
+/* Bán hàng */
 .order-page {
-    .order-page-title{
+    .order-page-title {
         a {
             margin: 0 2px 0 0;
             border-radius: 4px 4px 0px 0px;
-            background: #F6F6F6;
+            background: #f6f6f6;
             color: #919699;
             font-weight: 500;
             padding: 0 24px;
-            &:hover, &.current, &.active {
-                background: #0041E8;
+            &:hover,
+            &.current,
+            &.active {
+                background: #0041e8;
                 color: #fff;
             }
         }
@@ -737,13 +744,14 @@ input[type="radio"] {
     .order-page-table {
         text-align: center;
         thead {
-            td{
+            td {
                 padding: 8px;
             }
         }
-        td{
+        td {
             padding: 14px 8px;
-            &:nth-child(4), &:nth-child(10){
+            &:nth-child(4),
+            &:nth-child(10) {
                 text-align: left;
             }
         }        
@@ -751,34 +759,34 @@ input[type="radio"] {
 }
 .order-page-table {
     line-height: 20px;
-    a{
-        color: #0041E8;
-        &:hover{
+    a {
+        color: #0041e8;
+        &:hover {
             text-decoration: underline;
         }
     }
-    table{ 
+    table {
         width: 100%;
     }
-    thead {            
-        background: #F6F6F6;
+    thead {
+        background: #f6f6f6;
         font-weight: 600;
         text-align: center;
-        td{
+        td {
             padding: 8px;
         }
     }
-    td{
+    td {
         padding: 10px;
-        border: 1px solid #ECECEC;
+        border: 1px solid #ececec;
         text-transform: capitalize;
-        *{
+        * {
             display: inline-block;
         }
     }
     select {
         border-radius: 4px;
-        border: 1px solid #D8D8D8;
+        border: 1px solid #d8d8d8;
         box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
         height: 32px;
         display: block;
@@ -803,11 +811,11 @@ input[type="radio"] {
     }
 }
 .is-close-btn {
-    background: #ECECEC !important;
+    background: #ececec !important;
     border-radius: 50%;
     top: 10px !important;
     right: 10px !important;
-    color: #9E9E9E !important;
+    color: #9e9e9e !important;
 }
 .paging {
     margin: 30px 0;
@@ -815,15 +823,17 @@ input[type="radio"] {
     align-items: center;
     justify-content: center;
     line-height: 28px;
-    a{
+    a {
         margin: 0 3px;
         min-width: 28px;
         text-align: center;
         font-size: 16px;
         padding: 0 10px;
         border-radius: 4px;
-        &:hover, &.current, &.active {
-            background: #0041E8;
+        &:hover,
+        &.current,
+        &.active {
+            background: #0041e8;
             color: #fff;
         }
     }
@@ -831,22 +841,22 @@ input[type="radio"] {
 .global-breadcrumb-container {
     padding: 16px;
     line-height: 20px;
-    a{
+    a {
         display: inline-block;
-        &:hover{
-            color: #0041E8;
+        &:hover {
+            color: #0041e8;
         }
-        &::after{
-            content: '\f054';
+        &::after {
+            content: "\f054";
             font-family: Fontawesome;
             font-size: 10px;
             margin: 0 5px;
         }
-        &:last-child{
-            color: #0041E8;
-            &::after{
+        &:last-child {
+            color: #0041e8;
+            &::after {
                 content: none;
             }
         }
     }
-}
+}