npm - 3h1-ui - Versions diffs - 3.0.0-next.77 → 3.0.0-next.78 - Mend

3h1-ui 3.0.0-next.77 → 3.0.0-next.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/es/style.css CHANGED Viewed

@@ -756,96 +756,6 @@ mark {
   padding: 0.2em;
   background-color: #feffe6;
 }:root {
-  --primary-1: #dafbe1;
-  --primary-2: #aceebb;
-  --primary-3: #6fdd8b;
-  --primary-4: #4ac26b;
-  --primary-5: #2da44e;
-  --primary-6: #1a7f37;
-  --primary-7: #116329;
-  --primary-8: #044f1e;
-  --primary-9: #003d16;
-  --primary-10: #002d11;
-  --gray-1: #f6f8fa;
-  --gray-2: #eaeef2;
-  --gray-3: #d0d7de;
-  --gray-4: #afb8c1;
-  --gray-5: #8c959f;
-  --gray-6: #6e7781;
-  --gray-7: #57606a;
-  --gray-8: #424a53;
-  --gray-9: #32383f;
-  --gray-10: #24292f;
-  --green-1: #dafbe1;
-  --green-2: #aceebb;
-  --green-3: #6fdd8b;
-  --green-4: #4ac26b;
-  --green-5: #2da44e;
-  --green-6: #1a7f37;
-  --green-7: #116329;
-  --green-8: #044f1e;
-  --green-9: #003d16;
-  --green-10: #002d11;
-  --orange-1: #fff1e5;
-  --orange-2: #ffd8b5;
-  --orange-3: #ffb77c;
-  --orange-4: #fb8f44;
-  --orange-5: #e16f24;
-  --orange-6: #bc4c00;
-  --orange-7: #953800;
-  --orange-8: #762c00;
-  --orange-9: #5c2200;
-  --orange-10: #471700;
-  --pink-1: #ffeff7;
-  --pink-2: #ffd3eb;
-  --pink-3: #ffadda;
-  --pink-4: #ff80c8;
-  --pink-5: #e85aad;
-  --pink-6: #bf3989;
-  --pink-7: #99286e;
-  --pink-8: #772057;
-  --pink-9: #611347;
-  --pink-10: #4d0336;
-  --purple-1: #fbefff;
-  --purple-2: #ecd8ff;
-  --purple-3: #d8b9ff;
-  --purple-4: #c297ff;
-  --purple-5: #a475f9;
-  --purple-6: #8250df;
-  --purple-7: #6639ba;
-  --purple-8: #512a97;
-  --purple-9: #3e1f79;
-  --purple-10: #2e1461;
-  --red-1: #ffebe9;
-  --red-2: #ffcecb;
-  --red-3: #ffaba8;
-  --red-4: #ff8182;
-  --red-5: #fa4549;
-  --red-6: #cf222e;
-  --red-7: #a40e26;
-  --red-8: #82071e;
-  --red-9: #660018;
-  --red-10: #4c0014;
-  --yellow-1: #fff8c5;
-  --yellow-2: #fae17d;
-  --yellow-3: #eac54f;
-  --yellow-4: #d4a72c;
-  --yellow-5: #bf8700;
-  --yellow-6: #9a6700;
-  --yellow-7: #7d4e00;
-  --yellow-8: #633c01;
-  --yellow-9: #4d2d00;
-  --yellow-10: #3b2300;
-  --blue-1: #ddf4ff;
-  --blue-2: #b6e3ff;
-  --blue-3: #80ccff;
-  --blue-4: #54aeff;
-  --blue-5: #218bff;
-  --blue-6: #0969da;
-  --blue-7: #0550ae;
-  --blue-8: #033d8b;
-  --blue-9: #0a3069;
-  --blue-10: #002155;
   --shadow-2: 0px 2px 4px 0px rgba(0, 0, 0, 0.04),
       0px 1px 1px 0px rgba(0, 0, 0, 0.02);
   --shadow-3: 0px 4px 10px 0px rgba(0, 0, 0, 0.08),
@@ -855,9 +765,20 @@ mark {
   --shadow-5: 0px 24px 60px 0px rgba(0, 0, 0, 0.12),
       0px 8px 20px 0px rgba(0, 0, 0, 0.06);
   --light: #fff;
+  --dark: #000;
+}
+html[data-theme='dark'] {
+  --theme: var(--dark);
+  --text-color: var(--light);
+  color-scheme: dark;
+}
+html[data-theme='light'] {
+  --theme: var(--light);
+  --text-color: var(--dark);
+  color-scheme: light;
 }
 input:focus.ant-input {
-  background-color: #fff;
+  background-color: var(--theme);
   box-shadow: none;
   outline: 1px solid var(--primary-5);
 }
@@ -868,34 +789,34 @@ input:focus.ant-input {
     .ant-input-affix-wrapper-focused, .ant-picker-focused, .ant-input-number-focused
   ) {
   box-shadow: none;
-  background-color: #fff;
+  background-color: var(--theme);
   outline: 1px solid var(--primary-5);
 }
 :is(
     .ant-input-affix-wrapper-focused, .ant-picker-focused, .ant-input-number-focused
   ) input.ant-input {
-  background-color: #fff;
+  background-color: var(--theme);
   outline: none;
 }
 :is(
     .ant-input-affix-wrapper-focused, .ant-picker-focused, .ant-input-number-focused
   ) textarea {
-  background-color: #fff;
+  background-color: var(--theme);
 }
 .ant-input-affix-wrapper:has(textarea) .ant-input:focus, .ant-input-affix-wrapper:has(textarea) :is(.ant-input-focused) {
-  background-color: #fff;
+  background-color: var(--theme);
   box-shadow: none;
   outline: 1px solid var(--primary-5);
 }
 :is(.ant-input-number .ant-input-number-handler-wrap) {
-  background-color: #fff;
+  background-color: var(--theme);
 }
 :is(.ant-select-focused).ant-select:not(.ant-select-disabled):not(
     .ant-select-customize-input
   ):not(.ant-pagination-size-changer) :is(.ant-select-selector) {
   box-shadow: none;
   outline: 1px solid var(--primary-5);
-  background-color: #fff;
+  background-color: var(--theme);
 }
 :is(.ant-table-body, .ant-table-content)::-webkit-scrollbar {
   position: absolute;
@@ -903,13 +824,13 @@ input:focus.ant-input {
   width: 0;
 }
 :is(.ant-table-body, .ant-table-content)::-webkit-scrollbar-thumb {
-  box-shadow: inset 0 0 10px 10px var(--gray-2);
+  box-shadow: inset 0 0 10px 10px var(--gray-1);
   border: solid 2px transparent;
   background-color: transparent;
   border-radius: 10px;
 }
 :is(.ant-table-body, .ant-table-content)::-webkit-scrollbar-thumb:active, :is(.ant-table-body, .ant-table-content)::-webkit-scrollbar-thumb:hover {
-  box-shadow: inset 0 0 10px 10px var(--gray-3);
+  box-shadow: inset 0 0 10px 10px var(--gray-2);
   background-color: transparent;
 }
 :is(.ant-table-body, .ant-table-content)::-webkit-scrollbar-track {
@@ -961,7 +882,7 @@ input:focus.ant-input {
 }
 .ant-table-wrapper.ant-table-wrapper .ant-table:not(.ant-table-bordered) .ant-table-tbody > tr > td {
   border-top: none;
-  border-bottom: 1px solid var(--gray-2);
+  border-bottom: 1px solid var(--gray-1);
 }
 .ant-table-wrapper.ant-table-wrapper .ant-table-header .ant-table-selection-column::before, .ant-table-wrapper.ant-table-wrapper .ant-table-thead .ant-table-selection-column::before {
   content: '';
@@ -970,20 +891,20 @@ input:focus.ant-input {
   right: 0;
   width: 1px;
   height: 1.6em;
-  background-color: var(--gray-3);
+  background-color: var(--gray-2);
   transform: translateY(-50%);
   transition: background-color 0.3s;
 }
 .ant-table-wrapper.ant-table-wrapper .ant-table-header th, .ant-table-wrapper.ant-table-wrapper .ant-table-thead th, .ant-table-wrapper.ant-table-wrapper .ant-table-header td, .ant-table-wrapper.ant-table-wrapper .ant-table-thead td {
-  background: var(--gray-1);
-  border-bottom: 1px solid var(--gray-3);
+  background: var(--gray-0);
+  border-bottom: 1px solid var(--gray-2);
 }
 .ant-table-wrapper.ant-table-wrapper .ant-table-header th::before, .ant-table-wrapper.ant-table-wrapper .ant-table-thead th::before, .ant-table-wrapper.ant-table-wrapper .ant-table-header td::before, .ant-table-wrapper.ant-table-wrapper .ant-table-thead td::before {
-  background-color: var(--gray-3) !important;
+  background-color: var(--gray-2) !important;
 }
 .ant-table-wrapper.ant-table-wrapper .ant-table-container.ant-table-container {
   border-inline-start: unset;
-  border: 1px solid var(--gray-3);
+  border: 1px solid var(--gray-2);
 }
 .ant-table-wrapper.ant-table-wrapper .ant-table-small .ant-table-tbody > tr > td {
   padding: 7px 8px;
@@ -994,13 +915,22 @@ input:focus.ant-input {
 .ant-btn {
   box-shadow: none;
 }
+.ant-btn-default.ant-btn-default:hover {
+  color: var(--text-color);
+  border-color: var(--gray-2);
+  background-color: var(--gray-0);
+}
 .ant-btn-dashed.ant-btn-dashed {
   color: var(--primary-5);
   border-color: var(--primary-5);
 }
 .ant-btn-dashed.ant-btn-dashed:hover {
-  color: var(--light);
-  background-color: var(--primary-5);
+  background-color: var(--gray-0);
+}
+.ant-btn-dashed.ant-btn-dashed:active {
+  color: var(--primary-5);
+  border-color: var(--primary-5);
+  background-color: var(--gray-1);
 }
 .ant-popconfirm-buttons {
   display: flex;
@@ -1421,96 +1351,6 @@ span.iconify {
 .scroll-container .scrollbar__view {
   box-sizing: border-box;
 }:root {
-  --primary-1: #dafbe1;
-  --primary-2: #aceebb;
-  --primary-3: #6fdd8b;
-  --primary-4: #4ac26b;
-  --primary-5: #2da44e;
-  --primary-6: #1a7f37;
-  --primary-7: #116329;
-  --primary-8: #044f1e;
-  --primary-9: #003d16;
-  --primary-10: #002d11;
-  --gray-1: #f6f8fa;
-  --gray-2: #eaeef2;
-  --gray-3: #d0d7de;
-  --gray-4: #afb8c1;
-  --gray-5: #8c959f;
-  --gray-6: #6e7781;
-  --gray-7: #57606a;
-  --gray-8: #424a53;
-  --gray-9: #32383f;
-  --gray-10: #24292f;
-  --green-1: #dafbe1;
-  --green-2: #aceebb;
-  --green-3: #6fdd8b;
-  --green-4: #4ac26b;
-  --green-5: #2da44e;
-  --green-6: #1a7f37;
-  --green-7: #116329;
-  --green-8: #044f1e;
-  --green-9: #003d16;
-  --green-10: #002d11;
-  --orange-1: #fff1e5;
-  --orange-2: #ffd8b5;
-  --orange-3: #ffb77c;
-  --orange-4: #fb8f44;
-  --orange-5: #e16f24;
-  --orange-6: #bc4c00;
-  --orange-7: #953800;
-  --orange-8: #762c00;
-  --orange-9: #5c2200;
-  --orange-10: #471700;
-  --pink-1: #ffeff7;
-  --pink-2: #ffd3eb;
-  --pink-3: #ffadda;
-  --pink-4: #ff80c8;
-  --pink-5: #e85aad;
-  --pink-6: #bf3989;
-  --pink-7: #99286e;
-  --pink-8: #772057;
-  --pink-9: #611347;
-  --pink-10: #4d0336;
-  --purple-1: #fbefff;
-  --purple-2: #ecd8ff;
-  --purple-3: #d8b9ff;
-  --purple-4: #c297ff;
-  --purple-5: #a475f9;
-  --purple-6: #8250df;
-  --purple-7: #6639ba;
-  --purple-8: #512a97;
-  --purple-9: #3e1f79;
-  --purple-10: #2e1461;
-  --red-1: #ffebe9;
-  --red-2: #ffcecb;
-  --red-3: #ffaba8;
-  --red-4: #ff8182;
-  --red-5: #fa4549;
-  --red-6: #cf222e;
-  --red-7: #a40e26;
-  --red-8: #82071e;
-  --red-9: #660018;
-  --red-10: #4c0014;
-  --yellow-1: #fff8c5;
-  --yellow-2: #fae17d;
-  --yellow-3: #eac54f;
-  --yellow-4: #d4a72c;
-  --yellow-5: #bf8700;
-  --yellow-6: #9a6700;
-  --yellow-7: #7d4e00;
-  --yellow-8: #633c01;
-  --yellow-9: #4d2d00;
-  --yellow-10: #3b2300;
-  --blue-1: #ddf4ff;
-  --blue-2: #b6e3ff;
-  --blue-3: #80ccff;
-  --blue-4: #54aeff;
-  --blue-5: #218bff;
-  --blue-6: #0969da;
-  --blue-7: #0550ae;
-  --blue-8: #033d8b;
-  --blue-9: #0a3069;
-  --blue-10: #002155;
   --shadow-2: 0px 2px 4px 0px rgba(0, 0, 0, 0.04),
       0px 1px 1px 0px rgba(0, 0, 0, 0.02);
   --shadow-3: 0px 4px 10px 0px rgba(0, 0, 0, 0.08),
@@ -1520,6 +1360,17 @@ span.iconify {
   --shadow-5: 0px 24px 60px 0px rgba(0, 0, 0, 0.12),
       0px 8px 20px 0px rgba(0, 0, 0, 0.06);
   --light: #fff;
+  --dark: #000;
+}
+html[data-theme='dark'] {
+  --theme: var(--dark);
+  --text-color: var(--light);
+  color-scheme: dark;
+}
+html[data-theme='light'] {
+  --theme: var(--light);
+  --text-color: var(--dark);
+  color-scheme: light;
 }
 .shy-basic-modal-close {
   display: flex;
@@ -1546,96 +1397,6 @@ span.iconify {
 .shy-basic-modal-close span:last-child:hover {
   color: #ED6F6F;
 }:root {
-  --primary-1: #dafbe1;
-  --primary-2: #aceebb;
-  --primary-3: #6fdd8b;
-  --primary-4: #4ac26b;
-  --primary-5: #2da44e;
-  --primary-6: #1a7f37;
-  --primary-7: #116329;
-  --primary-8: #044f1e;
-  --primary-9: #003d16;
-  --primary-10: #002d11;
-  --gray-1: #f6f8fa;
-  --gray-2: #eaeef2;
-  --gray-3: #d0d7de;
-  --gray-4: #afb8c1;
-  --gray-5: #8c959f;
-  --gray-6: #6e7781;
-  --gray-7: #57606a;
-  --gray-8: #424a53;
-  --gray-9: #32383f;
-  --gray-10: #24292f;
-  --green-1: #dafbe1;
-  --green-2: #aceebb;
-  --green-3: #6fdd8b;
-  --green-4: #4ac26b;
-  --green-5: #2da44e;
-  --green-6: #1a7f37;
-  --green-7: #116329;
-  --green-8: #044f1e;
-  --green-9: #003d16;
-  --green-10: #002d11;
-  --orange-1: #fff1e5;
-  --orange-2: #ffd8b5;
-  --orange-3: #ffb77c;
-  --orange-4: #fb8f44;
-  --orange-5: #e16f24;
-  --orange-6: #bc4c00;
-  --orange-7: #953800;
-  --orange-8: #762c00;
-  --orange-9: #5c2200;
-  --orange-10: #471700;
-  --pink-1: #ffeff7;
-  --pink-2: #ffd3eb;
-  --pink-3: #ffadda;
-  --pink-4: #ff80c8;
-  --pink-5: #e85aad;
-  --pink-6: #bf3989;
-  --pink-7: #99286e;
-  --pink-8: #772057;
-  --pink-9: #611347;
-  --pink-10: #4d0336;
-  --purple-1: #fbefff;
-  --purple-2: #ecd8ff;
-  --purple-3: #d8b9ff;
-  --purple-4: #c297ff;
-  --purple-5: #a475f9;
-  --purple-6: #8250df;
-  --purple-7: #6639ba;
-  --purple-8: #512a97;
-  --purple-9: #3e1f79;
-  --purple-10: #2e1461;
-  --red-1: #ffebe9;
-  --red-2: #ffcecb;
-  --red-3: #ffaba8;
-  --red-4: #ff8182;
-  --red-5: #fa4549;
-  --red-6: #cf222e;
-  --red-7: #a40e26;
-  --red-8: #82071e;
-  --red-9: #660018;
-  --red-10: #4c0014;
-  --yellow-1: #fff8c5;
-  --yellow-2: #fae17d;
-  --yellow-3: #eac54f;
-  --yellow-4: #d4a72c;
-  --yellow-5: #bf8700;
-  --yellow-6: #9a6700;
-  --yellow-7: #7d4e00;
-  --yellow-8: #633c01;
-  --yellow-9: #4d2d00;
-  --yellow-10: #3b2300;
-  --blue-1: #ddf4ff;
-  --blue-2: #b6e3ff;
-  --blue-3: #80ccff;
-  --blue-4: #54aeff;
-  --blue-5: #218bff;
-  --blue-6: #0969da;
-  --blue-7: #0550ae;
-  --blue-8: #033d8b;
-  --blue-9: #0a3069;
-  --blue-10: #002155;
   --shadow-2: 0px 2px 4px 0px rgba(0, 0, 0, 0.04),
       0px 1px 1px 0px rgba(0, 0, 0, 0.02);
   --shadow-3: 0px 4px 10px 0px rgba(0, 0, 0, 0.08),
@@ -1645,6 +1406,17 @@ span.iconify {
   --shadow-5: 0px 24px 60px 0px rgba(0, 0, 0, 0.12),
       0px 8px 20px 0px rgba(0, 0, 0, 0.06);
   --light: #fff;
+  --dark: #000;
+}
+html[data-theme='dark'] {
+  --theme: var(--dark);
+  --text-color: var(--light);
+  color-scheme: dark;
+}
+html[data-theme='light'] {
+  --theme: var(--light);
+  --text-color: var(--dark);
+  color-scheme: light;
 }
 .shy-basic-help {
   display: inline-block;
@@ -1658,97 +1430,7 @@ span.iconify {
 }
 .shy-basic-help__wrap p {
   margin-bottom: 0;
-}[data-v-a48f9d86]:root {
-  --primary-1: #dafbe1;
-  --primary-2: #aceebb;
-  --primary-3: #6fdd8b;
-  --primary-4: #4ac26b;
-  --primary-5: #2da44e;
-  --primary-6: #1a7f37;
-  --primary-7: #116329;
-  --primary-8: #044f1e;
-  --primary-9: #003d16;
-  --primary-10: #002d11;
-  --gray-1: #f6f8fa;
-  --gray-2: #eaeef2;
-  --gray-3: #d0d7de;
-  --gray-4: #afb8c1;
-  --gray-5: #8c959f;
-  --gray-6: #6e7781;
-  --gray-7: #57606a;
-  --gray-8: #424a53;
-  --gray-9: #32383f;
-  --gray-10: #24292f;
-  --green-1: #dafbe1;
-  --green-2: #aceebb;
-  --green-3: #6fdd8b;
-  --green-4: #4ac26b;
-  --green-5: #2da44e;
-  --green-6: #1a7f37;
-  --green-7: #116329;
-  --green-8: #044f1e;
-  --green-9: #003d16;
-  --green-10: #002d11;
-  --orange-1: #fff1e5;
-  --orange-2: #ffd8b5;
-  --orange-3: #ffb77c;
-  --orange-4: #fb8f44;
-  --orange-5: #e16f24;
-  --orange-6: #bc4c00;
-  --orange-7: #953800;
-  --orange-8: #762c00;
-  --orange-9: #5c2200;
-  --orange-10: #471700;
-  --pink-1: #ffeff7;
-  --pink-2: #ffd3eb;
-  --pink-3: #ffadda;
-  --pink-4: #ff80c8;
-  --pink-5: #e85aad;
-  --pink-6: #bf3989;
-  --pink-7: #99286e;
-  --pink-8: #772057;
-  --pink-9: #611347;
-  --pink-10: #4d0336;
-  --purple-1: #fbefff;
-  --purple-2: #ecd8ff;
-  --purple-3: #d8b9ff;
-  --purple-4: #c297ff;
-  --purple-5: #a475f9;
-  --purple-6: #8250df;
-  --purple-7: #6639ba;
-  --purple-8: #512a97;
-  --purple-9: #3e1f79;
-  --purple-10: #2e1461;
-  --red-1: #ffebe9;
-  --red-2: #ffcecb;
-  --red-3: #ffaba8;
-  --red-4: #ff8182;
-  --red-5: #fa4549;
-  --red-6: #cf222e;
-  --red-7: #a40e26;
-  --red-8: #82071e;
-  --red-9: #660018;
-  --red-10: #4c0014;
-  --yellow-1: #fff8c5;
-  --yellow-2: #fae17d;
-  --yellow-3: #eac54f;
-  --yellow-4: #d4a72c;
-  --yellow-5: #bf8700;
-  --yellow-6: #9a6700;
-  --yellow-7: #7d4e00;
-  --yellow-8: #633c01;
-  --yellow-9: #4d2d00;
-  --yellow-10: #3b2300;
-  --blue-1: #ddf4ff;
-  --blue-2: #b6e3ff;
-  --blue-3: #80ccff;
-  --blue-4: #54aeff;
-  --blue-5: #218bff;
-  --blue-6: #0969da;
-  --blue-7: #0550ae;
-  --blue-8: #033d8b;
-  --blue-9: #0a3069;
-  --blue-10: #002155;
+}[data-v-383d2177]:root {
   --shadow-2: 0px 2px 4px 0px rgba(0, 0, 0, 0.04),
       0px 1px 1px 0px rgba(0, 0, 0, 0.02);
   --shadow-3: 0px 4px 10px 0px rgba(0, 0, 0, 0.08),
@@ -1758,11 +1440,21 @@ span.iconify {
   --shadow-5: 0px 24px 60px 0px rgba(0, 0, 0, 0.12),
       0px 8px 20px 0px rgba(0, 0, 0, 0.06);
   --light: #fff;
+  --dark: #000;
 }
-.shy-basic-title[data-v-a48f9d86] {
+html[data-theme='dark'][data-v-383d2177] {
+  --theme: var(--dark);
+  --text-color: var(--light);
+  color-scheme: dark;
+}
+html[data-theme='light'][data-v-383d2177] {
+  --theme: var(--light);
+  --text-color: var(--dark);
+  color-scheme: light;
+}
+.shy-basic-title[data-v-383d2177] {
   position: relative;
   display: flex;
-  padding-left: 7px;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
@@ -1770,11 +1462,11 @@ span.iconify {
   cursor: pointer;
   user-select: none;
 }
-.shy-basic-title-normal[data-v-a48f9d86] {
+.shy-basic-title-normal[data-v-383d2177] {
   font-size: 14px;
   font-weight: 500;
 }
-.shy-basic-title-show-span[data-v-a48f9d86]::before {
+.shy-basic-title-show-span[data-v-383d2177]::before {
   position: absolute;
   top: 4px;
   left: 0;
@@ -1784,7 +1476,7 @@ span.iconify {
   background-color: #006eff;
   content: '';
 }
-.shy-basic-title-help[data-v-a48f9d86] {
+.shy-basic-title-help[data-v-383d2177] {
   margin-left: 10px;
 }.shy-basic-modal :is(.ant-modal-content) {
   padding: 0;
@@ -2396,30 +2088,30 @@ span.iconify {
     min-width: var(--min-width--large);
     max-width: var(--max-width-large);
   }
-}.shy-table-edit-icon-plus[data-v-d3bdc269] {
+}.shy-table-edit-icon-plus[data-v-d23ebe75] {
   width: 30px;
   height: 30px;
   font-size: 30px;
   cursor: pointer;
   display: flex;
 }
-.table-children[data-v-d3bdc269] .ant-form-item {
+.table-children[data-v-d23ebe75] .ant-form-item {
   margin-bottom: 0 !important;
 }
-.table-children[data-v-d3bdc269] {
+.table-children[data-v-d23ebe75] {
   width: 100%;
 }
-.table-children-required[data-v-d3bdc269] {
+.table-children-required[data-v-d23ebe75] {
   color: #ff4d4f;
   margin-right: 4px;
 }
-.table-children[data-v-d3bdc269] .ant-table-cell {
+.table-children[data-v-d23ebe75] .ant-table-cell {
   padding: 8px !important;
 }
-.table-children[data-v-d3bdc269] .ant-table-cell .ant-form-item-explain {
+.table-children[data-v-d23ebe75] .ant-table-cell .ant-form-item-explain {
   display: none;
 }
-.table-children-add-btn[data-v-d3bdc269] {
+.table-children-add-btn[data-v-d23ebe75] {
   display: flex;
   align-items: center;
   padding-inline: 8px;
@@ -2429,7 +2121,7 @@ span.iconify {
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
 }
-.table-children-add-btn[data-v-d3bdc269] .ant-btn {
+.table-children-add-btn[data-v-d23ebe75] .ant-btn {
   width: 100%;
 }.shy-page-footer[data-v-b4695833] {
   position: fixed;
@@ -3433,6 +3125,7 @@ span.iconify {
   font-style: normal;
   padding: 10px 12px;
   box-sizing: border-box;
+  overflow: hidden;
 }
 .shy-basic-description-row {
   display: flex;