@steedos-widgets/amis-object 6.10.33 → 6.10.34-beta.2

package/dist/amis-object.umd.css

@@ -140,113 +140,7 @@
 .dark {
     --steedos-logo-color-default: #FFFFFF;
 }
-:root {
-    --body-bg: white;
-    --body-color: #181818;
-    --body-size: 14px;
-    --link-color: #1677ff;
-    --Page-main-bg: transparent;
-    --Form-mode-default-labelGap: 2px;
-    --Form-item-fontSize: 12px;
-    --Form-item-fontColor: rgb(68, 68, 68);
-    --Form-fontSize: 14px;
-    --Form-selectValue-fontSize: 14px;
-    --Form-item-gap: 0.75rem;
-    --Form-select-outer-boxShadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 4px 8px;
-    --Form-select-outer-borderWidth: 0;
-    /* --Table-color: #303030; */
-    /* --Table-thead-color: #303030; */
-    --Table-borderColor: #e5e7eb;
-    --Table-borderWidth: 1px;
-    --Table-fontSize: 13px;
-    --Table-fixedRight-boxShadow: none;
-    --Table-thead-borderColor: rgb(209 213 219);
-    --Table-thead-fontSize: 13px;
-    --Table-thead-bg: white;
-    --Table-thead-borderColor: var(--Table-borderColor);
-    --Table-toolbar-marginY: 0;
-    --Table-thead-borderWidth: 1px;
-    --Table-bg: white;
-    --TableCell-paddingY: 0.4rem;
-    --TableCell-paddingX: 0.5rem;
-    --TableCell--edge-paddingX: 0.5rem;
-    --text--muted-color: #d9dcde;
-    --Collapse-content-fontSize: 14px;
-    --Collapse-border: 0;
-    --Collapse-header-fontSize: 16px;
-    --Collapse-header-fontWeight: 400;
-    --Collapse-header-onHover-bg: #EEEEEE;
-    --Collapse-header-padding: 4px;
-    --Collapse-content-padding: 4px;
-    --collapse-default-bg-color: unset;
-    --Button-height: 2rem;
-    --Button-paddingX: 16px;
-    --button-size-default-top-right-border-radius: 0.25rem;
-    --button-size-default-top-left-border-radius: 0.25rem;
-    --button-size-default-bottom-right-border-radius: 0.25rem;
-    --button-size-default-bottom-left-border-radius: 0.25rem;
-    --button-size-default-marginRight: 4px;
-
-    --button-light-default-bg-color: transparent;
-    --button-light-default-top-border-color: transparent;
-    --button-light-default-bottom-border-color: transparent;
-    --button-light-default-left-border-color: transparent;
-    --button-light-default-right-border-color: transparent;
-    
-    --button-default-default-bg-color: white;
-    /* --button-default-hover-bg-color: rgb(245, 245, 245); */
-    --button-default-default-top-border-color: rgb(224, 224, 224);
-    --button-default-default-bottom-border-color: rgb(224, 224, 224);
-    --button-default-default-left-border-color: rgb(224, 224, 224);
-    --button-default-default-right-border-color: rgb(224, 224, 224);
-    /* --button-default-default-font-color: rgb(1, 118, 211); */
-    --button-enhance-default-bg-color: white;
-    --Crud-toolbar-gap: 2px;
-    /* --DropDown-caret-marginLeft: 0; */
-    --Tabs--vertical-width: 180px;
-    --Tabs--vertical-bg: white;
-    --Tabs-link-maxWidth: 180px;
-    --Tabs-content-bg: unset;
-    --drawer-content-paddingTop: 0;
-    --fieldSet-legend-fontWeight: 600;
-    --fieldSet-legend-marginTop: 1rem;
-    --fieldSet-legend-marginBottom: 1rem;
-
-    --DropDown-caret-marginLeft: 0.25rem;
-    --DropDown-menu-boxShadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 4px 8px;
-    --boxShadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 4px 8px;
-    --common-popover-border: none;
-}
-
-a {
-    color: var(--link-color);
-}
-
-/* 因上面全局设置 --DropDown-caret-marginLeft 为0了，这里允许设置DropDown的className为steedos-DropDown--show-label时恢复按钮label和右侧caret图标间距 */
-/* .steedos-DropDown--show-label.antd-DropDown .antd-Button .antd-DropDown-caret{
-    margin-left: 0.5rem;
-} */
-
-/* 修正手机端字体小的问题 */
-@media (max-width: 767px) {
 
-    :root {
-        --button-size-default-fontSize: var(--fontSizeLg);
-        --link-fontSize: var(--fontSizeLg);
-        --Table-fontSize: var(--fontSizeLg);
-        --Tabs--line-fontSize: var(--fontSizeLg);
-        --Tabs--line-active-fontSize: var(--fontSizeLg);
-        --Tabs--line-hover-fontSize: var(--fontSizeLg);
-        --fieldSet-legend-fontSize: var(--fontSizeLg);
-        --Pick-base-value-fontSize: var(--fontSizeLg);
-        --dialog-header-fontSize: var(--fontSizeLg);
-        --input-default-default-fontSize: var(--fontSizeLg);
-    }
-    .antd-Form .antd-Form-item input {
-        font-size: var(--fontSizeLg);
-        padding: 0 0.625rem 0 0.625rem;
-    }
-}
 fieldset.antd-Collapse {
     margin-bottom: 1rem;
 }
@@ -424,9 +318,9 @@ fieldset.antd-Collapse > legend{
     border-color: transparent;
 }
 
-.bg-white {
+/* .bg-white {
   color: var(--body-color);
-}
+} */
 
 .antd-SearchBox.is-mobile {
     border: var(--Form-input-borderWidth) solid transparent;
@@ -825,773 +719,8 @@ fieldset.antd-Collapse > legend{
 }
 
 /* @tailwind base; */
-.container {
-    width: 100%
-}
-@media (min-width: 640px) {
-    .container {
-        max-width: 640px
-    }
-}
-@media (min-width: 768px) {
-    .container {
-        max-width: 768px
-    }
-}
-@media (min-width: 1024px) {
-    .container {
-        max-width: 1024px
-    }
-}
-@media (min-width: 1280px) {
-    .container {
-        max-width: 1280px
-    }
-}
-@media (min-width: 1536px) {
-    .container {
-        max-width: 1536px
-    }
-}
-.visible {
-    visibility: visible
-}
-.invisible {
-    visibility: hidden
-}
-.collapse {
-    visibility: collapse
-}
-.static {
-    position: static
-}
-.fixed {
-    position: fixed
-}
-.absolute {
-    position: absolute
-}
-.sticky {
-    position: sticky
-}
-.inset-0 {
-    inset: 0px
-}
-.bottom-4 {
-    bottom: 1rem
-}
-.left-0 {
-    left: 0px
-}
-.right-0 {
-    right: 0px
-}
-.right-4 {
-    right: 1rem
-}
-.top-0 {
-    top: 0px
-}
-.z-20 {
-    z-index: 20
-}
-.z-40 {
-    z-index: 40
-}
-.col-span-2 {
-    grid-column: span 2 / span 2
-}
-.m-0 {
-    margin: 0px
-}
-.m-1 {
-    margin: 0.25rem
-}
-.m-2 {
-    margin: 0.5rem
-}
-.m-2\.5 {
-    margin: 0.625rem
-}
-.m-4 {
-    margin: 1rem
-}
-.\!mx-0 {
-    margin-left: 0px !important;
-    margin-right: 0px !important
-}
-.mx-0 {
-    margin-left: 0px;
-    margin-right: 0px
-}
-.my-2 {
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem
-}
-.my-4 {
-    margin-top: 1rem;
-    margin-bottom: 1rem
-}
-.\!mb-6 {
-    margin-bottom: 1.5rem !important
-}
-.-ml-1 {
-    margin-left: -0.25rem
-}
-.-ml-px {
-    margin-left: -1px
-}
-.mb-0 {
-    margin-bottom: 0px
-}
-.mb-1 {
-    margin-bottom: 0.25rem
-}
-.mb-2 {
-    margin-bottom: 0.5rem
-}
-.mb-3 {
-    margin-bottom: 0.75rem
-}
-.mb-4 {
-    margin-bottom: 1rem
-}
-.mb-6 {
-    margin-bottom: 1.5rem
-}
-.mb-\[-3px\] {
-    margin-bottom: -3px
-}
-.ml-1 {
-    margin-left: 0.25rem
-}
-.ml-2 {
-    margin-left: 0.5rem
-}
-.ml-3 {
-    margin-left: 0.75rem
-}
-.ml-4 {
-    margin-left: 1rem
-}
-.mr-0 {
-    margin-right: 0px
-}
-.mr-1 {
-    margin-right: 0.25rem
-}
-.mr-2 {
-    margin-right: 0.5rem
-}
-.mr-3 {
-    margin-right: 0.75rem
-}
-.mr-4 {
-    margin-right: 1rem
-}
-.mt-0\.5 {
-    margin-top: 0.125rem
-}
-.mt-1 {
-    margin-top: 0.25rem
-}
-.mt-3 {
-    margin-top: 0.75rem
-}
-.mt-\[50px\] {
-    margin-top: 50px
-}
-.block {
-    display: block
-}
-.inline-block {
-    display: inline-block
-}
-.inline {
-    display: inline
-}
-.flex {
-    display: flex
-}
-.inline-flex {
-    display: inline-flex
-}
-.table {
-    display: table
-}
-.grid {
-    display: grid
-}
-.contents {
-    display: contents
-}
-.hidden {
-    display: none
-}
-.\!h-10 {
-    height: 2.5rem !important
-}
-.h-10 {
-    height: 2.5rem
-}
-.h-12 {
-    height: 3rem
-}
-.h-14 {
-    height: 3.5rem
-}
-.h-4 {
-    height: 1rem
-}
-.h-5 {
-    height: 1.25rem
-}
-.h-6 {
-    height: 1.5rem
-}
-.h-7 {
-    height: 1.75rem
-}
-.h-8 {
-    height: 2rem
-}
-.h-\[50px\] {
-    height: 50px
-}
-.h-full {
-    height: 100%
-}
-.\!max-h-\[80vh\] {
-    max-height: 80vh !important
-}
-.max-h-12 {
-    max-height: 3rem
-}
-.max-h-96 {
-    max-height: 24rem
-}
-.max-h-\[80vh\] {
-    max-height: 80vh
-}
-.min-h-8 {
-    min-height: 2rem
-}
-.\!w-10 {
-    width: 2.5rem !important
-}
-.\!w-full {
-    width: 100% !important
-}
-.w-1\/3 {
-    width: 33.333333%
-}
-.w-10 {
-    width: 2.5rem
-}
-.w-12 {
-    width: 3rem
-}
-.w-14 {
-    width: 3.5rem
-}
-.w-4 {
-    width: 1rem
-}
-.w-6 {
-    width: 1.5rem
-}
-.w-8 {
-    width: 2rem
-}
-.w-96 {
-    width: 24rem
-}
-.w-\[240px\] {
-    width: 240px
-}
-.w-auto {
-    width: auto
-}
-.w-full {
-    width: 100%
-}
-.\!min-w-\[160px\] {
-    min-width: 160px !important
-}
-.min-w-56 {
-    min-width: 14rem
-}
-.min-w-\[240px\] {
-    min-width: 240px
-}
-.min-w-\[24rem\] {
-    min-width: 24rem
-}
-.min-w-\[460px\] {
-    min-width: 460px
-}
-.max-w-md {
-    max-width: 28rem
-}
-.flex-1 {
-    flex: 1 1 0%
-}
-.flex-auto {
-    flex: 1 1 auto
-}
-.flex-initial {
-    flex: 0 1 auto
-}
-.flex-none {
-    flex: none
-}
-.flex-shrink-0 {
-    flex-shrink: 0
-}
-.grow {
-    flex-grow: 1
-}
-.-translate-x-0 {
-    --tw-translate-x: -0px;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
-}
-.transform {
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
-}
-@keyframes spin {
-    to {
-        transform: rotate(360deg)
-    }
-}
-.animate-spin {
-    animation: spin 1s linear infinite
-}
-.grid-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr))
-}
-.flex-row {
-    flex-direction: row
-}
-.flex-col {
-    flex-direction: column
-}
-.flex-wrap {
-    flex-wrap: wrap
-}
-.flex-nowrap {
-    flex-wrap: nowrap
-}
-.items-center {
-    align-items: center
-}
-.justify-end {
-    justify-content: flex-end
-}
-.justify-center {
-    justify-content: center
-}
-.justify-between {
-    justify-content: space-between
-}
-.gap-2 {
-    gap: 0.5rem
-}
-.gap-3 {
-    gap: 0.75rem
-}
-.gap-x-4 {
-    -moz-column-gap: 1rem;
-         column-gap: 1rem
-}
-.space-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
-}
-.justify-self-end {
-    justify-self: end
-}
-.overflow-auto {
-    overflow: auto
-}
-.overflow-hidden {
-    overflow: hidden
-}
-.overflow-y-auto {
-    overflow-y: auto
-}
-.overflow-x-hidden {
-    overflow-x: hidden
-}
-.truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap
-}
-.whitespace-normal {
-    white-space: normal
-}
-.whitespace-nowrap {
-    white-space: nowrap
-}
-.break-words {
-    overflow-wrap: break-word
-}
-.break-all {
-    word-break: break-all
-}
-.rounded {
-    border-radius: 0.25rem
-}
-.rounded-full {
-    border-radius: 9999px
-}
-.rounded-md {
-    border-radius: 0.375rem
-}
-.rounded-xl {
-    border-radius: 0.75rem
-}
-.border {
-    border-width: 1px
-}
-.border-0 {
-    border-width: 0px
-}
-.\!border-b-0 {
-    border-bottom-width: 0px !important
-}
-.border-b {
-    border-bottom-width: 1px
-}
-.border-b-\[3px\] {
-    border-bottom-width: 3px
-}
-.border-l-2 {
-    border-left-width: 2px
-}
-.border-r {
-    border-right-width: 1px
-}
-.border-t {
-    border-top-width: 1px
-}
-.border-solid {
-    border-style: solid
-}
-.\!border-none {
-    border-style: none !important
-}
-.border-none {
-    border-style: none
-}
-.border-blue-500 {
-    --tw-border-opacity: 1;
-    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1))
-}
-.border-gray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1))
-}
-.border-gray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
-}
-.border-sky-500 {
-    --tw-border-opacity: 1;
-    border-color: rgb(14 165 233 / var(--tw-border-opacity, 1))
-}
-.\!bg-transparent {
-    background-color: transparent !important
-}
-.bg-blue-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1))
-}
-.bg-gray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
-}
-.bg-gray-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
-}
-.bg-transparent {
-    background-color: transparent
-}
-.bg-white {
-    --tw-bg-opacity: 1;
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
-}
-.bg-none {
-    background-image: none
-}
-.\!fill-white {
-    fill: #fff !important
-}
-.fill-gray-500 {
-    fill: #6b7280
-}
-.fill-gray-700 {
-    fill: #374151
-}
-.fill-slate-500 {
-    fill: #64748b
-}
-.\!p-2 {
-    padding: 0.5rem !important
-}
-.p-0 {
-    padding: 0px
-}
-.p-1 {
-    padding: 0.25rem
-}
-.p-2 {
-    padding: 0.5rem
-}
-.p-4 {
-    padding: 1rem
-}
-.px-0 {
-    padding-left: 0px;
-    padding-right: 0px
-}
-.px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem
-}
-.px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem
-}
-.px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem
-}
-.px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem
-}
-.py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem
-}
-.py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem
-}
-.py-2\.5 {
-    padding-top: 0.625rem;
-    padding-bottom: 0.625rem
-}
-.py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem
-}
-.pb-0 {
-    padding-bottom: 0px
-}
-.pb-16 {
-    padding-bottom: 4rem
-}
-.pb-2 {
-    padding-bottom: 0.5rem
-}
-.pb-4 {
-    padding-bottom: 1rem
-}
-.pl-0 {
-    padding-left: 0px
-}
-.pl-1\.5 {
-    padding-left: 0.375rem
-}
-.pl-4 {
-    padding-left: 1rem
-}
-.pl-5 {
-    padding-left: 1.25rem
-}
-.pr-4 {
-    padding-right: 1rem
-}
-.pt-0 {
-    padding-top: 0px
-}
-.pt-1 {
-    padding-top: 0.25rem
-}
-.pt-2 {
-    padding-top: 0.5rem
-}
-.pt-3 {
-    padding-top: 0.75rem
-}
-.pt-4 {
-    padding-top: 1rem
-}
-.text-left {
-    text-align: left
-}
-.text-center {
-    text-align: center
-}
-.text-\[11px\] {
-    font-size: 11px
-}
-.text-base {
-    font-size: 14px
-}
-.text-lg {
-    font-size: 16px
-}
-.text-md {
-    font-size: 14px
-}
-.text-xl {
-    font-size: 18px
-}
-.text-xs {
-    font-size: 12px
-}
-.font-bold {
-    font-weight: 700
-}
-.font-medium {
-    font-weight: 500
-}
-.font-semibold {
-    font-weight: 600
-}
-.lowercase {
-    text-transform: lowercase
-}
-.italic {
-    font-style: italic
-}
-.leading-3 {
-    line-height: .75rem
-}
-.leading-4 {
-    line-height: 1rem
-}
-.leading-5 {
-    line-height: 1.25rem
-}
-.leading-6 {
-    line-height: 1.5rem
-}
-.leading-none {
-    line-height: 1
-}
-.\!text-gray-600 {
-    --tw-text-opacity: 1 !important;
-    color: rgb(75 85 99 / var(--tw-text-opacity, 1)) !important
-}
-.text-\[blue\] {
-    --tw-text-opacity: 1;
-    color: rgb(0 0 255 / var(--tw-text-opacity, 1))
-}
-.text-\[red\] {
-    --tw-text-opacity: 1;
-    color: rgb(255 0 0 / var(--tw-text-opacity, 1))
-}
-.text-black {
-    --tw-text-opacity: 1;
-    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
-}
-.text-blue-600 {
-    --tw-text-opacity: 1;
-    color: rgb(37 99 235 / var(--tw-text-opacity, 1))
-}
-.text-gray-400 {
-    --tw-text-opacity: 1;
-    color: rgb(156 163 175 / var(--tw-text-opacity, 1))
-}
-.text-gray-500 {
-    --tw-text-opacity: 1;
-    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
-}
-.text-gray-600 {
-    --tw-text-opacity: 1;
-    color: rgb(75 85 99 / var(--tw-text-opacity, 1))
-}
-.text-gray-700 {
-    --tw-text-opacity: 1;
-    color: rgb(55 65 81 / var(--tw-text-opacity, 1))
-}
-.text-gray-800 {
-    --tw-text-opacity: 1;
-    color: rgb(31 41 55 / var(--tw-text-opacity, 1))
-}
-.text-green-600 {
-    --tw-text-opacity: 1;
-    color: rgb(22 163 74 / var(--tw-text-opacity, 1))
-}
-.text-sky-500 {
-    --tw-text-opacity: 1;
-    color: rgb(14 165 233 / var(--tw-text-opacity, 1))
-}
-.text-white {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
-}
-.underline {
-    text-decoration-line: underline
-}
-.no-underline {
-    text-decoration-line: none
-}
-.opacity-25 {
-    opacity: 0.25
-}
-.opacity-75 {
-    opacity: 0.75
-}
-.shadow {
-    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
-}
-.shadow-lg {
-    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
-}
-.shadow-none {
-    --tw-shadow: 0 0 #0000;
-    --tw-shadow-colored: 0 0 #0000;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
-}
-.blur {
-    --tw-blur: blur(8px);
-    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
-}
-.\!filter {
-    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
-}
-.filter {
-    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
-}
-.backdrop-blur {
-    --tw-backdrop-blur: blur(8px);
-    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
-}
-.transition-colors {
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms
-}
-.duration-300 {
-    transition-duration: 300ms
-}
-.duration-500 {
-    transition-duration: 500ms
-}
-.ease-in-out {
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
-}
+@tailwind components;
+@tailwind utilities;
 
 /* 
 .shadow {
@@ -1604,169 +733,6 @@ fieldset.antd-Collapse > legend{
     box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 2px 4px;
   }
 }  */
-
-.last\:mb-0:last-child {
-    margin-bottom: 0px
-}
-
-.hover\:bg-\[\#1589EE1A\]:hover {
-    background-color: #1589EE1A
-}
-
-.hover\:bg-sky-50:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1))
-}
-
-.hover\:font-bold:hover {
-    font-weight: 700
-}
-
-.focus\:outline-none:focus {
-    outline: 2px solid transparent;
-    outline-offset: 2px
-}
-
-@media (min-width: 640px) {
-    .sm\:sticky {
-        position: sticky
-    }
-    .sm\:z-10 {
-        z-index: 10
-    }
-    .sm\:m-3 {
-        margin: 0.75rem
-    }
-    .sm\:m-4 {
-        margin: 1rem
-    }
-    .sm\:mt-3 {
-        margin-top: 0.75rem
-    }
-    .sm\:mt-\[90px\] {
-        margin-top: 90px
-    }
-    .sm\:grid {
-        display: grid
-    }
-    .sm\:grid-cols-2 {
-        grid-template-columns: repeat(2, minmax(0, 1fr))
-    }
-    .sm\:gap-4 {
-        gap: 1rem
-    }
-    .sm\:rounded {
-        border-radius: 0.25rem
-    }
-    .sm\:rounded-lg {
-        border-radius: 0.5rem
-    }
-    .sm\:rounded-tl {
-        border-top-left-radius: 0.25rem
-    }
-    .sm\:rounded-tr {
-        border-top-right-radius: 0.25rem
-    }
-    .sm\:border {
-        border-width: 1px
-    }
-    .sm\:border-gray-300 {
-        --tw-border-opacity: 1;
-        border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
-    }
-    .sm\:p-3 {
-        padding: 0.75rem
-    }
-    .sm\:shadow {
-        --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
-    }
-}
-
-@media (min-width: 768px) {
-    .md\:grid-cols-3 {
-        grid-template-columns: repeat(3, minmax(0, 1fr))
-    }
-    .md\:border-b {
-        border-bottom-width: 1px
-    }
-}
-
-@media (min-width: 1024px) {
-    .lg\:z-\[1000\] {
-        z-index: 1000
-    }
-    .lg\:order-first {
-        order: -9999
-    }
-    .lg\:order-last {
-        order: 9999
-    }
-    .lg\:flex {
-        display: flex
-    }
-    .lg\:grid-cols-1 {
-        grid-template-columns: repeat(1, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-10 {
-        grid-template-columns: repeat(10, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-11 {
-        grid-template-columns: repeat(11, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-12 {
-        grid-template-columns: repeat(12, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-2 {
-        grid-template-columns: repeat(2, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-3 {
-        grid-template-columns: repeat(3, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-4 {
-        grid-template-columns: repeat(4, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-5 {
-        grid-template-columns: repeat(5, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-6 {
-        grid-template-columns: repeat(6, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-7 {
-        grid-template-columns: repeat(7, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-8 {
-        grid-template-columns: repeat(8, minmax(0, 1fr))
-    }
-    .lg\:grid-cols-9 {
-        grid-template-columns: repeat(9, minmax(0, 1fr))
-    }
-    .lg\:flex-col {
-        flex-direction: column
-    }
-}
-
-@media (min-width: 1280px) {
-    .xl\:min-w-\[28rem\] {
-        min-width: 28rem
-    }
-    .xl\:grid-cols-4 {
-        grid-template-columns: repeat(4, minmax(0, 1fr))
-    }
-    .xl\:grid-cols-5 {
-        grid-template-columns: repeat(5, minmax(0, 1fr))
-    }
-}
-
-@media (min-width: 1536px) {
-    .\32xl\:min-w-\[32rem\] {
-        min-width: 32rem
-    }
-    .\32xl\:grid-cols-5 {
-        grid-template-columns: repeat(5, minmax(0, 1fr))
-    }
-}
 .ant-dropdown-menu-item .antd-Button.antd-Button--default {
   border: none;
   border-width: 0;
@@ -1929,6 +895,8 @@ fieldset.antd-Collapse > legend{
     z-index: 100;
     background: white;
   }
+}
+@media (max-width: 768px) {
   .steedos-select-user {
     margin: 0;
     height: calc(100% - 10px);
@@ -1954,6 +922,8 @@ fieldset.antd-Collapse > legend{
     -ms-transform: translate(0, 0);
     -o-transform: translate(0, 0);
   }
+}
+@media (max-width: 768px) {
   .antd-Crud-toolbar {
     flex-basis: 0;
     flex-grow: 1;