feat ✨: change white-space & toast zindex

NJUPT-SAST · Oct 29, 2024 · 4323406 · 4323406 · vercel · Oct 29, 2024
1 parent e49fc3e
commit 4323406
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 7 deletions.
diff --git a/packages/ui-react/lib/Badge/Badge.module.scss b/packages/ui-react/lib/Badge/Badge.module.scss
@@ -63,5 +63,6 @@
 
   span {
     display: inline;
+    white-space: nowrap;
   }
 }
diff --git a/packages/ui-react/lib/Table/Table.module.scss b/packages/ui-react/lib/Table/Table.module.scss
@@ -3,18 +3,25 @@
 .table {
   color: $black-color;
   font-size: 14px;
-  border-spacing: 0px !important;
+  border-spacing: 0;
+  width: 100%;
+  border-collapse: separate;
+
   .caption {
     font-size: 1.2rem;
     text-align: start;
+    padding-bottom: 10px;
   }
+
   .thead {
     .tr {
       .th {
         text-align: start;
         background-color: $title-bg-color;
         color: $gray-color;
-        padding: 10px 30px;
+        padding: 12px 20px;
+        font-weight: 600;
+
         &:first-child {
           border-radius: 5px 0 0 5px;
         }
@@ -24,18 +31,20 @@
       }
     }
   }
+
   .tbody {
     .tr {
+      transition: background-color 300ms $cubic-bezier;
+
       &:hover {
-        transition: all 300ms $cubic-bezier;
         background-color: $pale-white-color;
       }
+
       .td {
-        border-style: solid;
-        border-width: 0px 0px 1px 0px;
-        border-color: $border-white-color;
-        padding: 12px 30px;
+        border-bottom: 1px solid $border-white-color;
+        padding: 12px 20px;
         box-sizing: border-box;
+        vertical-align: middle;
       }
     }
   }

diff --git a/packages/ui-react/lib/Toast/Toast.module.scss b/packages/ui-react/lib/Toast/Toast.module.scss
@@ -36,6 +36,7 @@ $danger-back-color: rgba(252, 239, 236, 1);
   display: flex;
   flex-direction: column;
   gap: 5px;
+  z-index: 9999;
 
   &.small {
     width: 300px;
-Original file line number
+Diff line change
@@ Expand Up / @@ -63,5 +63,6 @@ @@
       span {
         display: inline;
+        white-space: nowrap;
       }
     }