@djb25/digit-ui-css 1.0.63 → 1.0.64

package/src/components/table.scss

@@ -19,7 +19,6 @@
 }
 
 .basetable {
-  font-family: DM Sans, Segoe UI, ui-sans-serif, sans-serif;
   background: rgb(255, 255, 255);
   border: 1px solid rgb(226, 232, 240);
   border-radius: 12px;
@@ -111,7 +110,7 @@
           border-radius: 6;
           padding: 6px 10px 6px 30px;
           font-size: 13;
-          font-family: "DM Sans", "Segoe UI", ui-sans-serif, sans-serif;
+          font-family: DM Sans, Segoe UI, ui-sans-serif, sans-serif;
           color: #0f172a;
           background: #fff;
           outline: none;
@@ -134,7 +133,7 @@
           align-items: center;
         }
         .export-button {
-          display: inline-flex;
+          display: flex !important;
           align-items: center;
           gap: 6;
           border-radius: 6;
@@ -177,7 +176,6 @@
       border-spacing: 0;
       font-size: 13.5;
       color: #0f172a;
-      font-family: DM Sans, Segoe UI, ui-sans-serif, sans-serif;
 
       .thead {
         .tr {
@@ -213,18 +211,22 @@
               gap: 5;
               justify-content: center;
               width: 100%;
-              .col-head {
-                font-size: 11;
-                font-weight: 700;
-                text-transform: uppercase;
-                letter-spacing: 0.07em;
-                transition: color 0.15s;
-              }
-              .col-head.accentDark {
-                color: #5282e6;
-              }
-              .col-head.textSecondary {
-                color: #475569;
+              .col-head-wrapper {
+                display: flex;
+                gap: 4px;
+                .col-head {
+                  font-size: 11px;
+                  font-weight: 700;
+                  text-transform: uppercase;
+                  letter-spacing: 0.07em;
+                  transition: color 0.15s;
+                }
+                .col-head.accentDark {
+                  color: #5282e6;
+                }
+                .col-head.textSecondary {
+                  color: #475569;
+                }
               }
             }
           }
@@ -234,6 +236,14 @@
   }
 }
 
+.search-box-wrapper {
+  .export-button {
+    display: flex;
+    gap: 4px;
+    align-items: center;
+  }
+}
+
 .table {
   @apply bg-white w-full;
 
@@ -248,7 +258,7 @@
       @apply font-bold align-middle text-left;
 
       &:first-child {
-        min-width: 256px;
+        min-width: fit-content;
       }
 
       &:nth-child(2) {

package/src/pages/employee/inbox.scss

@@ -283,8 +283,7 @@
     .search-complaint-container {
       border-radius: 6px;
       width: 100%;
-      margin: auto;
-      @apply flex flex-col items-start mb-md bg-white p-md;
+      @apply flex flex-col items-start bg-white p-md;
 
       .complaint-header {
         display: flex;
@@ -487,13 +486,10 @@
     }
 
     .search-container {
-      width: 874px;
-
       .search-complaint-container {
         border-radius: 6px;
-        width: 100%;
-        margin: auto;
-        @apply flex flex-col items-start mb-md bg-white p-md;
+        width: 100% !important;
+        @apply flex flex-col items-start bg-white p-md;
 
         .complaint-header {
           display: flex;
@@ -590,6 +586,65 @@
       }
     }
   }
+
+  .groupBill-custom {
+    .custom-group-merge-container {
+      display: flex !important;
+      justify-content: space-between !important;
+
+      .header {
+        display: flex;
+        align-items: baseline;
+
+        .logo {
+          margin-right: 1rem;
+
+          svg {
+            path {
+              fill: theme(colors.primary.main);
+            }
+          }
+        }
+
+        .h1 {
+          font-size: 24px;
+          line-height: 28px;
+          font-weight: 400;
+          color: theme(colors.primary.main);
+        }
+      }
+    }
+
+    .inbox-container {
+      .search-container {
+        .search-complaint-container {
+          display: flex;
+          flex-direction: row;
+        }
+
+        .group-complaint-input-container {
+          width: 33% !important;
+          display: flex;
+          flex-direction: column;
+        }
+      }
+    }
+
+    .inbox-action-container {
+      display: flex;
+      flex-direction: row-reverse;
+
+      .clear-search {
+        margin-top: 65px;
+        margin-left: 16px;
+        padding-top: unset !important;
+      }
+
+      .submit-bar-search {
+        margin-top: 55px !important;
+      }
+    }
+  }
 }
 
 .input-fields {
@@ -675,64 +730,6 @@
 }
 
 @screen dt {
-  .groupBill-custom {
-    .custom-group-merge-container {
-      display: flex !important;
-      justify-content: space-between !important;
-
-      .header {
-        display: flex;
-        align-items: baseline;
-
-        .logo {
-          margin-right: 1rem;
-
-          svg {
-            path {
-              fill: theme(colors.primary.main);
-            }
-          }
-        }
-
-        .h1 {
-          font-size: 24px;
-          line-height: 28px;
-          font-weight: 400;
-          color: theme(colors.primary.main);
-        }
-      }
-    }
-
-    .inbox-container {
-      .search-container {
-        .search-complaint-container {
-          display: flex;
-          flex-direction: row;
-        }
-
-        .group-complaint-input-container {
-          width: 33% !important;
-          display: flex;
-          flex-direction: column;
-        }
-      }
-    }
-
-    .inbox-action-container {
-      display: flex;
-      flex-direction: row-reverse;
-
-      .clear-search {
-        margin-top: 65px;
-        margin-left: 16px;
-        padding-top: unset !important;
-      }
-
-      .submit-bar-search {
-        margin-top: 55px !important;
-      }
-    }
-  }
 }
 
 .plumber-details-new-value-wrapper {
@@ -762,7 +759,7 @@
 
 .search-tabs-container {
   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-  margin-bottom: 35px;
+  margin-bottom: 8px;
   display: flex;
   justify-content: space-between;
 
@@ -810,6 +807,24 @@
     tr {
       th {
         text-align: center;
+        .col-head-wrapper {
+          display: flex;
+          gap: 4px;
+          align-items: center;
+          .col-head {
+            font-size: 11px;
+            font-weight: 700;
+            text-transform: uppercase;
+            letter-spacing: 0.07em;
+            transition: color 0.15s;
+          }
+          .col-head.accentDark {
+            color: #5282e6;
+          }
+          .col-head.textSecondary {
+            color: #475569;
+          }
+        }
       }
     }
   }
@@ -822,3 +837,23 @@
     }
   }
 }
+
+.col-head-wrapper {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+  .col-head {
+    font-size: 14px;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.07em;
+    transition: color 0.15s;
+    color: #000000 !important;
+  }
+  .col-head.accentDark {
+    color: #5282e6;
+  }
+  .col-head.textSecondary {
+    color: #475569;
+  }
+}