@steedos-widgets/amis-object 3.6.2-beta.7 → 3.6.2-beta.9

package/dist/amis-object.esm.css

@@ -10,14 +10,17 @@
     --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: rgb(243 244 246);
+    --Table-thead-borderColor: var(--Table-borderColor);
     --Table-toolbar-marginY: 0;
+    --Table-thead-borderWidth: 1px;
+    --Table-bg: white;
     --TableCell-paddingY: 0.3rem;
     --TableCell-paddingX: 0.5rem;
     --TableCell--edge-paddingX: 0.5rem;
-    --Table-thead-borderWidth: 1px;
     --text--muted-color: #d9dcde;
     --Collapse-content-fontSize: 14px;
     --Collapse-border: 0;
@@ -26,6 +29,7 @@
     --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;
@@ -49,6 +53,8 @@
     --DropDown-caret-marginLeft: 0;
     --Tabs--vertical-width: 180px;
     --Tabs-link-maxWidth: 180px;
+    --Tabs-content-bg: unset;
+    --drawer-content-paddingTop: 0;
 }
 
 .steedos-header-container .antd-Nav-Menu {
@@ -340,6 +346,13 @@ fieldset.antd-Collapse > legend{
 }
 /* === end === */
 
+.steedos-record-related-crud {
+    --Table-thead-bg: white;
+}
+
+.steedos-record-related-crud .antd-Table-table > thead > tr > th:not(:last-child) {
+    border-right: 0px;
+}
 
 .ant-dropdown-menu {
     border: 1px solid #e5e5e5;
@@ -417,9 +430,9 @@ fieldset.antd-Collapse > legend{
     text-align: left;
 }
 
-.antd-Tabs {
+/* .antd-Tabs {
     margin: 1rem;
-}
+} */
 /* @tailwind base; */
 .container {
     width: 100%
@@ -449,6 +462,21 @@ fieldset.antd-Collapse > legend{
         max-width: 1536px
     }
 }
+@media (min-width: 1600px) {
+    .container {
+        max-width: 1600px
+    }
+}
+@media (min-width: 1800px) {
+    .container {
+        max-width: 1800px
+    }
+}
+@media (min-width: 2000px) {
+    .container {
+        max-width: 2000px
+    }
+}
 .visible {
     visibility: visible
 }
@@ -468,32 +496,29 @@ fieldset.antd-Collapse > legend{
     position: sticky
 }
 .inset-0 {
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px
-}
-.top-0 {
-    top: 0px
+    inset: 0px
 }
-.right-0 {
-    right: 0px
+.bottom-4 {
+    bottom: 1rem
 }
 .left-0 {
     left: 0px
 }
-.bottom-4 {
-    bottom: 1rem
+.right-0 {
+    right: 0px
 }
 .right-4 {
     right: 1rem
 }
-.z-20 {
-    z-index: 20
+.top-0 {
+    top: 0px
 }
 .z-10 {
     z-index: 10
 }
+.z-20 {
+    z-index: 20
+}
 .z-40 {
     z-index: 40
 }
@@ -503,9 +528,6 @@ fieldset.antd-Collapse > legend{
 .m-0 {
     margin: 0px
 }
-.m-1 {
-    margin: 0.25rem
-}
 .m-2 {
     margin: 0.5rem
 }
@@ -513,20 +535,20 @@ fieldset.antd-Collapse > legend{
     margin-top: 0.5rem;
     margin-bottom: 0.5rem
 }
-.ml-1 {
-    margin-left: 0.25rem
+.\!mb-6 {
+    margin-bottom: 1.5rem !important
 }
-.mr-0 {
-    margin-right: 0px
+.-mb-4 {
+    margin-bottom: -1rem
 }
-.mr-1 {
-    margin-right: 0.25rem
+.-ml-1 {
+    margin-left: -0.25rem
 }
-.-mt-2 {
-    margin-top: -0.5rem
+.-ml-px {
+    margin-left: -1px
 }
-.mb-3 {
-    margin-bottom: 0.75rem
+.mb-0 {
+    margin-bottom: 0px
 }
 .mb-1 {
     margin-bottom: 0.25rem
@@ -534,23 +556,17 @@ fieldset.antd-Collapse > legend{
 .mb-2 {
     margin-bottom: 0.5rem
 }
-.mt-2 {
-    margin-top: 0.5rem
-}
-.-mb-4 {
-    margin-bottom: -1rem
-}
-.mr-4 {
-    margin-right: 1rem
+.mb-3 {
+    margin-bottom: 0.75rem
 }
-.mr-2 {
-    margin-right: 0.5rem
+.mb-4 {
+    margin-bottom: 1rem
 }
-.mt-0\.5 {
-    margin-top: 0.125rem
+.mb-\[-3px\] {
+    margin-bottom: -3px
 }
-.mt-0 {
-    margin-top: 0px
+.ml-1 {
+    margin-left: 0.25rem
 }
 .ml-2 {
     margin-left: 0.5rem
@@ -558,29 +574,35 @@ fieldset.antd-Collapse > legend{
 .ml-4 {
     margin-left: 1rem
 }
-.-ml-px {
-    margin-left: -1px
+.mr-0 {
+    margin-right: 0px
+}
+.mr-1 {
+    margin-right: 0.25rem
+}
+.mr-2 {
+    margin-right: 0.5rem
 }
 .mr-3 {
     margin-right: 0.75rem
 }
-.mb-\[-3px\] {
-    margin-bottom: -3px
+.mr-4 {
+    margin-right: 1rem
 }
-.mt-\[50px\] {
-    margin-top: 50px
+.mt-0 {
+    margin-top: 0px
+}
+.mt-0\.5 {
+    margin-top: 0.125rem
 }
 .mt-1 {
     margin-top: 0.25rem
 }
-.\!mb-6 {
-    margin-bottom: 1.5rem !important
-}
-.-ml-1 {
-    margin-left: -0.25rem
+.mt-2 {
+    margin-top: 0.5rem
 }
-.mb-4 {
-    margin-bottom: 1rem
+.mt-\[50px\] {
+    margin-top: 50px
 }
 .block {
     display: block
@@ -609,11 +631,20 @@ fieldset.antd-Collapse > legend{
 .hidden {
     display: none
 }
+.\!h-10 {
+    height: 2.5rem !important
+}
+.h-10 {
+    height: 2.5rem
+}
+.h-12 {
+    height: 3rem
+}
 .h-14 {
     height: 3.5rem
 }
-.h-full {
-    height: 100%
+.h-4 {
+    height: 1rem
 }
 .h-5 {
     height: 1.25rem
@@ -621,94 +652,91 @@ fieldset.antd-Collapse > legend{
 .h-6 {
     height: 1.5rem
 }
-.h-4 {
-    height: 1rem
-}
-.h-12 {
-    height: 3rem
-}
-.h-10 {
-    height: 2.5rem
-}
-.\!h-10 {
-    height: 2.5rem !important
-}
-.h-\[50px\] {
-    height: 50px
-}
 .h-7 {
     height: 1.75rem
 }
 .h-8 {
     height: 2rem
 }
-.max-h-96 {
-    max-height: 24rem
+.h-\[50px\] {
+    height: 50px
 }
-.max-h-\[80vh\] {
-    max-height: 80vh
+.h-full {
+    height: 100%
 }
 .\!max-h-\[80vh\] {
     max-height: 80vh !important
 }
-.w-full {
-    width: 100%
+.max-h-12 {
+    max-height: 3rem
 }
-.w-14 {
-    width: 3.5rem
+.max-h-96 {
+    max-height: 24rem
 }
-.w-4 {
-    width: 1rem
+.max-h-\[80vh\] {
+    max-height: 80vh
 }
-.w-6 {
-    width: 1.5rem
+.\!w-10 {
+    width: 2.5rem !important
 }
-.w-\[240px\] {
-    width: 240px
+.\!w-full {
+    width: 100% !important
+}
+.w-1\/3 {
+    width: 33.333333%
 }
 .w-10 {
     width: 2.5rem
 }
-.w-auto {
-    width: auto
-}
 .w-12 {
     width: 3rem
 }
-.w-1\/3 {
-    width: 33.333333%
+.w-14 {
+    width: 3.5rem
 }
-.\!w-10 {
-    width: 2.5rem !important
+.w-4 {
+    width: 1rem
+}
+.w-6 {
+    width: 1.5rem
 }
 .w-64 {
     width: 16rem
 }
+.w-8 {
+    width: 2rem
+}
 .w-96 {
     width: 24rem
 }
-.\!w-full {
-    width: 100% !important
+.w-\[240px\] {
+    width: 240px
 }
-.w-8 {
-    width: 2rem
+.w-auto {
+    width: auto
 }
 .w-fit {
     width: -moz-fit-content;
     width: fit-content
 }
+.w-full {
+    width: 100%
+}
 .\!min-w-\[160px\] {
     min-width: 160px !important
 }
+.min-w-56 {
+    min-width: 14rem
+}
+.min-w-\[200px\] {
+    min-width: 200px
+}
 .min-w-\[240px\] {
     min-width: 240px
 }
 .min-w-\[300px\] {
     min-width: 300px
 }
-.min-w-\[200px\] {
-    min-width: 200px
-}
 .min-w-\[388px\] {
     min-width: 388px
 }
@@ -718,18 +746,18 @@ fieldset.antd-Collapse > legend{
 .max-w-md {
     max-width: 28rem
 }
-.flex-initial {
-    flex: 0 1 auto
+.flex-1 {
+    flex: 1 1 0%
 }
 .flex-auto {
     flex: 1 1 auto
 }
+.flex-initial {
+    flex: 0 1 auto
+}
 .flex-none {
     flex: none
 }
-.flex-1 {
-    flex: 1 1 0%
-}
 .flex-shrink-0 {
     flex-shrink: 0
 }
@@ -751,6 +779,9 @@ fieldset.antd-Collapse > legend{
 .animate-spin {
     animation: spin 1s linear infinite
 }
+.grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr))
+}
 .flex-row {
     flex-direction: row
 }
@@ -813,18 +844,18 @@ fieldset.antd-Collapse > legend{
 .break-words {
     overflow-wrap: break-word
 }
-.rounded-full {
-    border-radius: 9999px
-}
 .rounded {
     border-radius: 0.25rem
 }
-.rounded-xl {
-    border-radius: 0.75rem
+.rounded-full {
+    border-radius: 9999px
 }
 .rounded-md {
     border-radius: 0.375rem
 }
+.rounded-xl {
+    border-radius: 0.75rem
+}
 .border-0 {
     border-width: 0px
 }
@@ -832,9 +863,6 @@ fieldset.antd-Collapse > legend{
     border-top-width: 1px;
     border-bottom-width: 1px
 }
-.border-t {
-    border-top-width: 1px
-}
 .border-b {
     border-bottom-width: 1px
 }
@@ -847,132 +875,129 @@ fieldset.antd-Collapse > legend{
 .border-solid {
     border-style: solid
 }
-.border-none {
-    border-style: none
-}
 .\!border-none {
     border-style: none !important
 }
-.border-gray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgb(209 213 219 / var(--tw-border-opacity))
+.border-none {
+    border-style: none
 }
 .border-gray-200 {
     --tw-border-opacity: 1;
     border-color: rgb(229 231 235 / var(--tw-border-opacity))
 }
+.border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgb(209 213 219 / var(--tw-border-opacity))
+}
 .border-sky-500 {
     --tw-border-opacity: 1;
     border-color: rgb(14 165 233 / var(--tw-border-opacity))
 }
-.bg-white {
-    --tw-bg-opacity: 1;
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
+.\!bg-transparent {
+    background-color: transparent !important
 }
 .bg-blue-500 {
     --tw-bg-opacity: 1;
     background-color: rgb(59 130 246 / var(--tw-bg-opacity))
 }
-.\!bg-transparent {
-    background-color: transparent !important
+.bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
 }
 .bg-transparent {
     background-color: transparent
 }
-.bg-gray-100 {
+.bg-white {
     --tw-bg-opacity: 1;
-    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
 }
 .bg-none {
     background-image: none
 }
-.fill-slate-500 {
-    fill: #64748b
-}
 .fill-gray-500 {
     fill: #6b7280
 }
-.p-4 {
-    padding: 1rem
+.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-2 {
-    padding: 0.5rem !important
-}
-.p-1 {
-    padding: 0.25rem
+.p-4 {
+    padding: 1rem
 }
 .px-0 {
     padding-left: 0px;
     padding-right: 0px
 }
-.py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem
+.px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem
 }
 .px-4 {
     padding-left: 1rem;
     padding-right: 1rem
 }
-.py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem
-}
-.px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem
-}
 .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
 }
-.pt-4 {
-    padding-top: 1rem
-}
-.pb-2 {
-    padding-bottom: 0.5rem
+.py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem
 }
-.pl-4 {
-    padding-left: 1rem
+.pb-0 {
+    padding-bottom: 0px
 }
-.pt-2 {
-    padding-top: 0.5rem
+.pb-16 {
+    padding-bottom: 4rem
 }
-.pt-0 {
-    padding-top: 0px
+.pb-4 {
+    padding-bottom: 1rem
 }
-.pl-1\.5 {
-    padding-left: 0.375rem
+.pl-0 {
+    padding-left: 0px
 }
 .pl-1 {
     padding-left: 0.25rem
 }
-.pr-4 {
-    padding-right: 1rem
+.pl-1\.5 {
+    padding-left: 0.375rem
+}
+.pl-4 {
+    padding-left: 1rem
 }
 .pl-5 {
     padding-left: 1.25rem
 }
-.pb-0 {
-    padding-bottom: 0px
+.pr-4 {
+    padding-right: 1rem
 }
-.pb-16 {
-    padding-bottom: 4rem
+.pt-0 {
+    padding-top: 0px
 }
-.pb-4 {
-    padding-bottom: 1rem
+.pt-2 {
+    padding-top: 0.5rem
 }
-.pl-0 {
-    padding-left: 0px
+.pt-4 {
+    padding-top: 1rem
 }
 .text-left {
     text-align: left
@@ -980,38 +1005,38 @@ fieldset.antd-Collapse > legend{
 .text-center {
     text-align: center
 }
-.text-base {
+.text-\[11px\] {
+    font-size: 11px
+}
+.text-\[14px\] {
     font-size: 14px
 }
-.text-md {
+.text-base {
     font-size: 14px
 }
 .text-lg {
     font-size: 16px
 }
-.text-xl {
-    font-size: 18px
-}
-.text-\[14px\] {
+.text-md {
     font-size: 14px
 }
-.text-\[11px\] {
-    font-size: 11px
+.text-xl {
+    font-size: 18px
 }
 .text-xs {
     font-size: 12px
 }
-.font-semibold {
-    font-weight: 600
-}
 .font-bold {
     font-weight: 700
 }
 .font-medium {
     font-weight: 500
 }
-.leading-none {
-    line-height: 1
+.font-semibold {
+    font-weight: 600
+}
+.leading-3 {
+    line-height: .75rem
 }
 .leading-4 {
     line-height: 1rem
@@ -1022,12 +1047,8 @@ fieldset.antd-Collapse > legend{
 .leading-6 {
     line-height: 1.5rem
 }
-.leading-3 {
-    line-height: .75rem
-}
-.text-white {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity))
+.leading-none {
+    line-height: 1
 }
 .text-\[blue\] {
     --tw-text-opacity: 1;
@@ -1037,34 +1058,38 @@ fieldset.antd-Collapse > legend{
     --tw-text-opacity: 1;
     color: rgb(255 0 0 / var(--tw-text-opacity))
 }
-.text-green-600 {
+.text-black {
     --tw-text-opacity: 1;
-    color: rgb(22 163 74 / var(--tw-text-opacity))
+    color: rgb(0 0 0 / var(--tw-text-opacity))
+}
+.text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgb(37 99 235 / var(--tw-text-opacity))
 }
 .text-gray-500 {
     --tw-text-opacity: 1;
     color: rgb(107 114 128 / var(--tw-text-opacity))
 }
-.text-black {
+.text-gray-700 {
     --tw-text-opacity: 1;
-    color: rgb(0 0 0 / var(--tw-text-opacity))
+    color: rgb(55 65 81 / var(--tw-text-opacity))
 }
 .text-gray-800 {
     --tw-text-opacity: 1;
     color: rgb(31 41 55 / var(--tw-text-opacity))
 }
-.text-blue-600 {
-    --tw-text-opacity: 1;
-    color: rgb(37 99 235 / var(--tw-text-opacity))
-}
-.text-gray-700 {
+.text-green-600 {
     --tw-text-opacity: 1;
-    color: rgb(55 65 81 / var(--tw-text-opacity))
+    color: rgb(22 163 74 / var(--tw-text-opacity))
 }
 .text-sky-500 {
     --tw-text-opacity: 1;
     color: rgb(14 165 233 / var(--tw-text-opacity))
 }
+.text-white {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity))
+}
 .no-underline {
     text-decoration-line: none
 }
@@ -1074,9 +1099,9 @@ fieldset.antd-Collapse > legend{
 .opacity-75 {
     opacity: 0.75
 }
-.shadow-none {
-    --tw-shadow: 0 0 #0000;
-    --tw-shadow-colored: 0 0 #0000;
+.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 {
@@ -1084,21 +1109,21 @@ fieldset.antd-Collapse > legend{
     --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 {
-    --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);
+.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)
-}
 .\!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);
     -webkit-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);
@@ -1109,20 +1134,20 @@ fieldset.antd-Collapse > legend{
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms
 }
-.duration-500 {
-    transition-duration: 500ms
-}
 .duration-300 {
     transition-duration: 300ms
 }
+.duration-500 {
+    transition-duration: 500ms
+}
 .ease-in-out {
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
 }
 .first\:pt-0:first-child {
     padding-top: 0px
 }
-.last\:border-0:last-child {
-    border-width: 0px
+.last\:border-b-0:last-child {
+    border-bottom-width: 0px
 }
 .hover\:bg-sky-50:hover {
     --tw-bg-opacity: 1;
@@ -1154,6 +1179,9 @@ fieldset.antd-Collapse > legend{
     .sm\:w-\[220px\] {
         width: 220px
     }
+    .sm\:grid-cols-2 {
+        grid-template-columns: repeat(2, minmax(0, 1fr))
+    }
     .sm\:grid-cols-4 {
         grid-template-columns: repeat(4, minmax(0, 1fr))
     }
@@ -1195,6 +1223,11 @@ fieldset.antd-Collapse > legend{
         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))
+    }
+}
 @media (min-width: 1024px) {
     .lg\:z-50 {
         z-index: 50
@@ -1208,10 +1241,74 @@ fieldset.antd-Collapse > legend{
     .lg\:flex {
         display: flex
     }
+    .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\:flex-col {
         flex-direction: column
     }
 }
+@media (min-width: 1280px) {
+    .xl\:grid-cols-1 {
+        grid-template-columns: repeat(1, minmax(0, 1fr))
+    }
+    .xl\:grid-cols-10 {
+        grid-template-columns: repeat(10, minmax(0, 1fr))
+    }
+    .xl\:grid-cols-11 {
+        grid-template-columns: repeat(11, minmax(0, 1fr))
+    }
+    .xl\:grid-cols-12 {
+        grid-template-columns: repeat(12, minmax(0, 1fr))
+    }
+    .xl\:grid-cols-2 {
+        grid-template-columns: repeat(2, minmax(0, 1fr))
+    }
+    .xl\:grid-cols-3 {
+        grid-template-columns: repeat(3, minmax(0, 1fr))
+    }
+    .xl\:grid-cols-4 {
+        grid-template-columns: repeat(4, minmax(0, 1fr))
+    }
+    .xl\:grid-cols-5 {
+        grid-template-columns: repeat(5, minmax(0, 1fr))
+    }
+    .xl\:grid-cols-6 {
+        grid-template-columns: repeat(6, minmax(0, 1fr))
+    }
+    .xl\:grid-cols-7 {
+        grid-template-columns: repeat(7, minmax(0, 1fr))
+    }
+    .xl\:grid-cols-8 {
+        grid-template-columns: repeat(8, minmax(0, 1fr))
+    }
+    .xl\:grid-cols-9 {
+        grid-template-columns: repeat(9, minmax(0, 1fr))
+    }
+}
+@media (min-width: 1536px) {
+    .\32xl\:grid-cols-5 {
+        grid-template-columns: repeat(5, minmax(0, 1fr))
+    }
+}
+@media (min-width: 1600px) {
+    .\33xl\:grid-cols-8 {
+        grid-template-columns: repeat(8, minmax(0, 1fr))
+    }
+}
+@media (min-width: 1800px) {
+    .\34xl\:grid-cols-8 {
+        grid-template-columns: repeat(8, minmax(0, 1fr))
+    }
+}
+@media (min-width: 2000px) {
+    .\35xl\:grid-cols-10 {
+        grid-template-columns: repeat(10, minmax(0, 1fr))
+    }
+}
 
 .ant-dropdown-menu {
   border: 1px solid #e5e5e5;
@@ -1673,16 +1770,13 @@ body.steedos {
   .steedos-amis-form .antd-Form--horizontal .antd-Tabs .antd-Tabs-content .antd-Tabs-pane .form-content {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
-    row-gap: 0rem;
+    row-gap: 0.5rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
   }
   .steedos-amis-form .antd-Collapse .antd-Form--quickEdit {
     grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
   }
-  .steedos-amis-form.antd-Form .antd-Collapse-content {
-    padding: 0.5rem;
-  }
   .steedos-object-form .antd-ComboControl .antd-Combo .antd-Form-row {
     display: grid;
     grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -1696,7 +1790,7 @@ body.steedos {
   .steedos-object-form .antd-Tabs-pane.is-active {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
-    row-gap: 0rem;
+    row-gap: 0.25rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
   }
@@ -1801,10 +1895,10 @@ body.steedos {
   height: var(--button-size-default-height);
 }
 .steedos-object-listview .split-dropdown-buttons li {
-  padding: unset;
   height: unset;
 }
 .steedos-object-listview .split-dropdown-buttons li .antd-Button {
+  padding: 0;
   border: none !important;
   background: unset !important;
   width: 100%;
@@ -1934,8 +2028,7 @@ body.steedos {
     min-width: 0.5px !important;
   }
   .steedos-object-table tbody td.antd-Field--quickEditable .antd-Field-quickEditBtn {
-    padding-top: 3px;
-    float: right;
+    padding-right: 13px;
   }
   .steedos-object-table tbody td.antd-Field--quickEditable .antd-Field-quickEditBtn svg {
     display: none;
@@ -2067,7 +2160,6 @@ body.steedos {
 
 .compact-layouts {
   display: grid;
-  grid-template-columns: repeat(5, minmax(0, 1fr));
   row-gap: 0rem;
   -moz-column-gap: 1rem;
   column-gap: 1rem;
@@ -2108,8 +2200,10 @@ body.steedos {
   display: block;
 }
 .steedos-record-detail-popover .compact-layouts {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
+  display: block;
+}
+.steedos-record-detail-popover .compact-layouts .grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 }
 .steedos-record-detail-popover .compact-layouts .antd-Form-item {
   padding: 0px;