3h1-ui 3.0.0-next.33 → 3.0.0-next.35

package/es/style.css

@@ -309,15 +309,42 @@ ul {
   --tw-border-opacity: 1;
   border-color: rgba(24, 144, 255, var(--tw-border-opacity));
 }
+.border-color-\[\#f0f0f0\] {
+  --tw-border-opacity: 1;
+  border-color: rgba(240, 240, 240, var(--tw-border-opacity));
+}
+.border-color-\[\#2DA44E\] {
+  --tw-border-opacity: 1;
+  border-color: rgba(45, 164, 78, var(--tw-border-opacity));
+}
+.rounded-b-4px {
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
 .border-solid {
   border-style: solid;
 }
+.border-dashed {
+  border-style: dashed;
+}
 .border {
   border-width: 1px;
 }
+.border-1px {
+  border-width: 1px;
+}
 .border-t-0 {
   border-top-width: 0px;
 }
+.border-left-1px {
+  border-left-width: 1px;
+}
+.border-right-1px {
+  border-right-width: 1px;
+}
+.border-bottom-1px {
+  border-bottom-width: 1px;
+}
 .cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -377,9 +404,18 @@ ul {
 .\!h-full {
   height: 100% !important;
 }
+.h-50px {
+  height: 50px;
+}
+.h-32px {
+  height: 32px;
+}
 .\.w-100 {
   height: 25rem;
 }
+.leading-32px {
+  line-height: 32px;
+}
 .mx-1 {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
@@ -448,6 +484,12 @@ ul {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
+.pl-8px {
+  padding-left: 8px;
+}
+.pr-8px {
+  padding-right: 8px;
+}
 .pl-2 {
   padding-left: 0.5rem;
 }
@@ -463,10 +505,17 @@ ul {
 .resize {
   resize: both;
 }
+.text-center {
+  text-align: center;
+}
 .text-red-500 {
   --tw-text-opacity: 1;
   color: rgba(239, 68, 68, var(--tw-text-opacity));
 }
+.text-\[\#2DA44E\] {
+  --tw-text-opacity: 1;
+  color: rgba(45, 164, 78, var(--tw-text-opacity));
+}
 .truncate {
   overflow: hidden;
   -o-text-overflow: ellipsis;
@@ -1256,25 +1305,24 @@ span.iconify {
 }
 .shy-basic-modal :is(.ant-modal-body) {
   padding: unset !important;
-  margin: 16px;
-  overflow: auto;
+  overflow: hidden;
 }
-.shy-basic-modal :is(.ant-modal-body)::-webkit-scrollbar {
+.shy-basic-modal :is(.ant-modal-body) *::-webkit-scrollbar {
   position: absolute;
   height: 10px;
   width: 10px;
 }
-.shy-basic-modal :is(.ant-modal-body)::-webkit-scrollbar-thumb {
+.shy-basic-modal :is(.ant-modal-body) *::-webkit-scrollbar-thumb {
   box-shadow: inset 0 0 10px 10px var(--gray-2);
   border: solid 2px transparent;
   background-color: transparent;
   border-radius: 10px;
 }
-.shy-basic-modal :is(.ant-modal-body)::-webkit-scrollbar-thumb:active, .shy-basic-modal :is(.ant-modal-body)::-webkit-scrollbar-thumb:hover {
+.shy-basic-modal :is(.ant-modal-body) *::-webkit-scrollbar-thumb:active, .shy-basic-modal :is(.ant-modal-body) *::-webkit-scrollbar-thumb:hover {
   box-shadow: inset 0 0 10px 10px var(--gray-3);
   background-color: transparent;
 }
-.shy-basic-modal :is(.ant-modal-body)::-webkit-scrollbar-track {
+.shy-basic-modal :is(.ant-modal-body) *::-webkit-scrollbar-track {
   border-radius: 10px;
   border: solid 2px transparent;
   background: transparent;
@@ -1308,10 +1356,24 @@ span.iconify {
 .shy-basic-modal.fullscreen-modal .ant-modal-body {
   flex: 1;
 }
+.shy-basic-modal.fullscreen-modal .ant-modal-body > div {
+  min-height: 100% !important;
+  max-height: 100% !important;
+  height: 100% !important;
+}
 .shy-basic-modal.fullscreen-modal .ant-modal-content {
   display: flex;
   flex-direction: column;
   height: 100%;
+}.scroll-container {
+  width: 100%;
+  height: 100%;
+}
+.scroll-container .scrollbar__wrap {
+  overflow-x: hidden;
+}
+.scroll-container .scrollbar__view {
+  box-sizing: border-box;
 }:root {
   --primary-1: #dafbe1;
   --primary-2: #aceebb;
@@ -1702,25 +1764,24 @@ span.iconify {
 }
 .shy-basic-modal :is(.ant-modal-body) {
   padding: unset !important;
-  margin: 16px;
-  overflow: auto;
+  overflow: hidden;
 }
-.shy-basic-modal :is(.ant-modal-body)::-webkit-scrollbar {
+.shy-basic-modal :is(.ant-modal-body) *::-webkit-scrollbar {
   position: absolute;
   height: 10px;
   width: 10px;
 }
-.shy-basic-modal :is(.ant-modal-body)::-webkit-scrollbar-thumb {
+.shy-basic-modal :is(.ant-modal-body) *::-webkit-scrollbar-thumb {
   box-shadow: inset 0 0 10px 10px var(--gray-2);
   border: solid 2px transparent;
   background-color: transparent;
   border-radius: 10px;
 }
-.shy-basic-modal :is(.ant-modal-body)::-webkit-scrollbar-thumb:active, .shy-basic-modal :is(.ant-modal-body)::-webkit-scrollbar-thumb:hover {
+.shy-basic-modal :is(.ant-modal-body) *::-webkit-scrollbar-thumb:active, .shy-basic-modal :is(.ant-modal-body) *::-webkit-scrollbar-thumb:hover {
   box-shadow: inset 0 0 10px 10px var(--gray-3);
   background-color: transparent;
 }
-.shy-basic-modal :is(.ant-modal-body)::-webkit-scrollbar-track {
+.shy-basic-modal :is(.ant-modal-body) *::-webkit-scrollbar-track {
   border-radius: 10px;
   border: solid 2px transparent;
   background: transparent;
@@ -1754,6 +1815,11 @@ span.iconify {
 .shy-basic-modal.fullscreen-modal .ant-modal-body {
   flex: 1;
 }
+.shy-basic-modal.fullscreen-modal .ant-modal-body > div {
+  min-height: 100% !important;
+  max-height: 100% !important;
+  height: 100% !important;
+}
 .shy-basic-modal.fullscreen-modal .ant-modal-content {
   display: flex;
   flex-direction: column;
@@ -8187,40 +8253,40 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   overflow: auto;
   padding: 0 0;
   height: 100%;
-}.shy-table-edit-icon-plus[data-v-c563312c] {
+}.shy-table-edit-icon-plus[data-v-0d7f83ba] {
   width: 30px;
   height: 30px;
   font-size: 30px;
   cursor: pointer;
   display: flex;
 }
-.table-children[data-v-c563312c] .ant-form-item {
+.table-children[data-v-0d7f83ba] .ant-form-item {
   margin-bottom: 0 !important;
 }
-.table-children-required[data-v-c563312c] {
+.table-children-required[data-v-0d7f83ba] {
   color: #ff4d4f;
   margin-right: 4px;
 }
-.table-children[data-v-c563312c] .ant-table-cell {
+.table-children[data-v-0d7f83ba] .ant-table-cell {
   padding: 8px !important;
 }
-.table-children[data-v-c563312c] .ant-table-cell .ant-form-item-explain {
+.table-children[data-v-0d7f83ba] .ant-table-cell .ant-form-item-explain {
   display: none;
 }
-.table-children-delete-wrapper[data-v-c563312c] {
+.table-children-delete-wrapper[data-v-0d7f83ba] {
   display: flex;
   height: 100%;
   justify-content: center;
 }
-.table-children-delete-wrapper:hover .table-children-delete-item[data-v-c563312c] {
+.table-children-delete-wrapper:hover .table-children-delete-item[data-v-0d7f83ba] {
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.table-children-delete-wrapper:hover .table-children-delete-index[data-v-c563312c] {
+.table-children-delete-wrapper:hover .table-children-delete-index[data-v-0d7f83ba] {
   display: none;
 }
-.table-children-delete-item[data-v-c563312c] {
+.table-children-delete-item[data-v-0d7f83ba] {
   background-color: red;
   border-radius: 50%;
   width: 30px;
@@ -8229,7 +8295,7 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   display: none;
   cursor: pointer;
 }
-.table-children-delete-index[data-v-c563312c] {
+.table-children-delete-index[data-v-0d7f83ba] {
   user-select: none;
   display: inline-block;
 }.shy-ant-form {
@@ -8353,6 +8419,60 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   height: 0.5px;
   width: 100%;
   background-color: var(--gray-3);
+}
+@media screen and (max-width: 1440px) {
+  .shy-ant-form-wrapper-col-1 {
+    width: 46%;
+    max-width: 492px;
+  }
+}
+@media screen and (max-width: 1920px) and (min-width: 1440px) {
+  .shy-ant-form-wrapper-col-1 {
+    width: 47%;
+    max-width: 588px;
+  }
+}
+@media screen and (min-width: 1920px) {
+  .shy-ant-form-wrapper-col-1 {
+    width: 48%;
+    max-width: 828px;
+  }
+}
+@media screen and (max-width: 1440px) {
+  .shy-ant-form-wrapper-col-2 {
+    width: 69%;
+    max-width: 732px;
+  }
+}
+@media screen and (max-width: 1920px) and (min-width: 1440px) {
+  .shy-ant-form-wrapper-col-2 {
+    width: 70%;
+    max-width: 876px;
+  }
+}
+@media screen and (min-width: 1920px) {
+  .shy-ant-form-wrapper-col-2 {
+    width: 71%;
+    max-width: 1236px;
+  }
+}
+@media screen and (max-width: 1440px) {
+  .shy-ant-form-wrapper-col-3 {
+    width: 68%;
+    max-width: 720px;
+  }
+}
+@media screen and (max-width: 1920px) and (min-width: 1440px) {
+  .shy-ant-form-wrapper-col-3 {
+    width: 69%;
+    max-width: 864px;
+  }
+}
+@media screen and (min-width: 1920px) {
+  .shy-ant-form-wrapper-col-3 {
+    width: 70%;
+    max-width: 1224px;
+  }
 }.wrapper[data-v-15e2dcbb] {
   display: flex;
 }