@steedos-widgets/amis-object 6.10.1-beta.8 → 6.10.1

package/dist/amis-object.umd.css

@@ -9,6 +9,8 @@
     --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;
@@ -42,26 +44,27 @@
     --button-size-default-bottom-left-border-radius: 0.25rem;
     --button-size-default-marginRight: 4px;
     --button-default-default-bg-color: white;
-    --button-default-default-top-border-color: #c9c9c9;
-    --button-default-default-bottom-border-color: #c9c9c9;
-    --button-default-default-left-border-color: #c9c9c9;
-    --button-default-default-right-border-color: #c9c9c9;
-    --button-default-default-font-color: rgb(1, 118, 211);
+    /* --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;
-    --Nav-item-borderRadius: 0px;
-    --Nav-item-onHover-bg: rgba(21,137,238,.1);
-    --Nav-item-onActive-bg: rgba(21,137,238,.1);
-    --Nav-item-onActive-color: #000;
-    --Nav-Item-maxWidth--tabs: 200px;
     --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-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;
 }
 
 /* 修正手机端字体小的问题 */
@@ -84,11 +87,6 @@
         padding: 0 0.625rem 0 0.625rem;
     }
 }
-
-.steedos-header-container .antd-Nav-Menu {
-    --Menu-light-backgroundColor: transparent;
-}
-
 fieldset.antd-Collapse {
     margin-bottom: 1rem;
 }
@@ -167,10 +165,6 @@ fieldset.antd-Collapse > legend.antd-Collapse-header > .antd-Collapse-arrow:befo
 }
 
 
-.antd-Nav-item.is-active {
-    box-shadow:var(--link-color) 4px 0 0 inset;
-}
-
 .antd-Pagination > li > a, .antd-Pagination > li > span {
     display: flex;
     align-items: center;
@@ -185,47 +179,6 @@ fieldset.antd-Collapse > legend.antd-Collapse-header > .antd-Collapse-arrow:befo
     top: 0px;
 }
 
-/* start: amis , component Nav */
-:root {
-    --Nav-Item-height--horizontal: 2.5rem;
-}
-
-.antd-Nav-Menu-submenu-arrow > svg {
-    display: initial;
-}
-
-.antd-Nav-Menu-horizontal .antd-Nav-Menu-item.antd-Nav-Menu-item-selected:after {
-    height: 3px;
-    top: 0;
-    bottom: unset;
-    background: rgb(14 165 233);
-}
-
-.antd-Nav-Menu-light .antd-Nav-Menu-item {
-    padding-right: 0.5rem;
-}
-
-.antd-Nav-Menu-light .antd-Nav-Menu-item.antd-Nav-Menu-item-selected {
-    background: rgba(21,137,238,.1);
-}
-
-.antd-Nav-Menu-light .antd-Nav-Menu-item.antd-Nav-Menu-item-active {
-    background: rgba(151, 151, 151, 0.1);
-}
-
-.antd-Nav-Menu-light .antd-Nav-Menu-submenu.antd-Nav-Menu-submenu-active .antd-Nav-Menu-submenu-title{
-    background: rgba(151, 151, 151, 0.1);
-}
-
-.antd-Nav-Menu-light .antd-Nav-Menu-submenu.antd-Nav-Menu-submenu .antd-Nav-Menu-submenu-title .antd-Nav-Menu-item-link .antd-Nav-Menu-item-label {
-    font-weight: bold !important;
-    color: black !important;
-}
-
-.antd-Nav-Menu-horizontal > .antd-Nav-Menu-item-tooltip-wrap > .antd-Nav-Menu-item {
-    padding: 0 15px;
-}
-/* end: amis  component Nav */
 
 /* 处理amis debug 滚动条异常 */
 .AMISDebug-content{
@@ -242,12 +195,6 @@ fieldset.antd-Collapse > legend.antd-Collapse-header > .antd-Collapse-arrow:befo
     height: calc(100% - 40px);
 }
 
-/*  nav下配置itemBadge属性后item不会自动撑开 */ 
-.antd-Nav-Menu-item-wrap .antd-Badge{
-    width: -webkit-fill-available;
-}
-
-
 /* 实现弹框中的crud中的inputTree高度满屏，目前选人控件的左侧树样式 */
 .antd-Modal-body .antd-Crud .antd-Table .antd-Tree{
     max-height: unset;
@@ -287,28 +234,12 @@ fieldset.antd-Collapse > legend.antd-Collapse-header > .antd-Collapse-arrow:befo
     }
 }
 
-/* TODO: amis3.2.0 .antd-Nav-Menu-item-link类中缺少flex，影响nav样式 */
-.antd-Nav-Menu-item-link{
-    display: flex;
-    align-items: center;
-}
-
-/* TODO: amis3.2.0 .antd-Nav类中多了background属性，影响nav样式 */
-.antd-Nav{
-    background-color: unset;
-}
-
 /* TODO: amis3.2.0 fieldset.antd-Collapse > legend类中多了background属性，影响分组样式 */
 fieldset.antd-Collapse > legend{
     height: unset;
     width: unset;
 }
 
-/* crud中的快速搜索框样式改成与按钮风格统一的边框 */
-.antd-Crud .antd-Crud-toolbar .antd-SearchBox.is-active{
-    border-color: var(--button-default-default-top-border-color);
-}
-
 /* crud中的快速搜索框图标没对齐 */
 .antd-Crud .antd-Crud-toolbar .antd-SearchBox.is-active svg.icon{
     top: unset
@@ -329,6 +260,10 @@ fieldset.antd-Collapse > legend{
     margin-bottom: 0;
 }
 
+.antd-Crud .antd-Crud-toolbar-item .antd-Button--default {
+    border-color: transparent;
+}
+
 .bg-white {
   color: var(--body-color);
 }
@@ -337,12 +272,12 @@ fieldset.antd-Collapse > legend{
     border: var(--Form-input-borderWidth) solid transparent;
     border-radius: var(--Form-input-borderRadius);
 }
-
+/* 
 .antd-Picker .antd-Picker-input .antd-Picker-values .antd-Picker-value{
-    /* lookup字段值选中项值字符很多超长时换行，包括单选和多选 */
+    // lookup字段值选中项值字符很多超长时换行，包括单选和多选
     white-space: break-spaces;
     word-break: break-all;
-}
+} */
 
 .steedos-crud-mode-cards .antd-Card-actions a[disabled]{
     box-shadow: none;
@@ -475,8 +410,130 @@ fieldset.antd-Collapse > legend{
 /* 修正 DropButton 组件的样式 */
 .antd-DropDown-menu-root {
     margin-top: 0;
+    border: none;
+    padding: 6px;
+}
+
+
+:root, .antd-Nav-Menu {
+  --Menu-light-fontColor: var(--Layout-light-fontColor);
+  --Menu-light-fontColor-onHover: var(--Layout-light-fontColor);
+  --Menu-light-fontColor-onActive: var(--Layout-light--onActive);
+  --Menu-light-active-backgroundColor: rgb(240, 240, 240);
+  --Menu-light-backgroundColor-onHover: rgb(240, 240, 240);
+  --Menu-light-selectedIndicator-color: rgb(14, 165, 233);
+  --Nav-Item-height: 2.5rem;
+  /* --Nav-Item-height--horizontal: 2.5rem; */
+  --Nav-item-borderRadius: 0px;
+  --Nav-item-onActive-color: #000;
+  --Nav-item-onHover-bg: rgba(21,137,238,.1);
+  --Nav-item-onActive-bg: rgba(21,137,238,.1);
+  --Nav-item-onActive-color: var(--Layout-light--onActive);
+  --Nav-Item-maxWidth--tabs: 200px;
+}
+.antd-Nav-Menu.antd-Nav-Menu-horizontal {
+  --Menu-light-backgroundColor-onHover: rgba(151, 151, 151, 0.1);
+  --Menu-light-fontColor-onHover: var(--Layout-fontColor--onHover);
 }
 
+.antd-Nav {
+  --Nav-item-onActive-color: #000;
+}
+
+.antd-Nav-Menu-item-dragBar {
+  left: 0;
+  top: 11px;
+}
+
+.steedos-app-service-edit .antd-Nav-Menu-inline .antd-Nav-Menu-item-active.antd-Nav-Menu-item-selected::before {
+  display: none;
+}
+
+.antd-Nav-Menu-item-active {
+  /* line-height: var(--Nav-Item-height); */
+  background: var(--Menu-light-backgroundColor-onHover);
+}
+
+.antd-Nav-item.is-active {
+  box-shadow:var(--link-color) 4px 0 0 inset;
+}
+
+
+.antd-Nav-Menu-submenu-arrow > svg {
+  display: initial;
+}
+
+.antd-Nav-Menu-horizontal .antd-Nav-Menu-item.antd-Nav-Menu-item-selected:after {
+  height: 8px;
+  top: 0;
+  bottom: unset;
+  background: rgb(14 165 233);
+}
+
+.antd-Nav-Menu-light .antd-Nav-Menu-item {
+  padding-right: 0.5rem;
+}
+
+.antd-Nav-Menu-horizontal.antd-Nav-Menu-light .antd-Nav-Menu-item.antd-Nav-Menu-item-selected {
+  background: rgba(21,137,238,.1);
+}
+
+.antd-Nav-Menu-horizontal.antd-Nav-Menu-light .antd-Nav-Menu-item.antd-Nav-Menu-item-selected.antd-Nav-Menu-item-active {
+  background: var(--Menu-light-backgroundColor-onHover);
+}
+
+.antd-Nav-Menu-horizontal.antd-Nav-Menu-light .antd-Nav-Menu-item.antd-Nav-Menu-item-selected .antd-Nav-Menu-item-label{
+  color: var(--Menu-light-fontColor-onHover);
+}
+
+.antd-Nav-Menu-horizontal.antd-Nav-Menu-light .antd-Nav-Menu-item.antd-Nav-Menu-item-active .antd-Nav-Menu-item-label{
+  color: var(--Menu-light-fontColor-onHover);
+}
+
+.antd-Nav-Menu-horizontal > .antd-Nav-Menu-item-tooltip-wrap > .antd-Nav-Menu-item {
+  padding: 0 15px;
+}
+
+
+/*  nav下配置itemBadge属性后item不会自动撑开 */ 
+.antd-Nav-Menu-item-wrap .antd-Badge{
+  width: -webkit-fill-available;
+}
+
+
+
+/* TODO: amis3.2.0 .antd-Nav-Menu-item-link类中缺少flex，影响nav样式 */
+.antd-Nav-Menu-item-link{
+  display: flex;
+  align-items: center;
+}
+
+/* TODO: amis3.2.0 .antd-Nav类中多了background属性，影响nav样式 */
+.antd-Nav {
+  background-color: unset;
+}
+
+
+.steedos-header-container .antd-Nav-Menu {
+  --Menu-light-backgroundColor: transparent;
+}
+
+.antd-Nav-Menu .antd-Nav-Menu-submenu-selected > .antd-Nav-Menu-submenu-title .antd-Nav-Menu-item-label {
+  color: var(--Menu-light-fontColor);
+}
+.antd-Nav-Menu a, a:hover, a:active, a:focus {
+  color: var(--Menu-light-fontColor);
+}
+.antd-Nav-Menu-item-active .antd-Nav-Menu-item-label, .antd-Nav-Menu-item-active .antd-Nav-Menu-item-icon, .antd-Nav-Menu-item-active .antd-Nav-Menu-item-icon-after, .antd-Nav-Menu-item-active .antd-Nav-Menu-submenu-arrow {
+  color: var(--Menu-light-fontColor);
+}
+
+.antd-Nav-Menu .antd-Nav-Menu-submenu-title a, .antd-Nav-Menu .antd-Nav-Menu-submenu-title a:hover {
+  padding-left: 6px;
+  font-weight: bold;
+}
+
+
 .ant-dropdown{
     z-index: 1400;
 }
@@ -561,9 +618,6 @@ fieldset.antd-Collapse > legend{
     }
 }
 
-.antd-DropDown-menu-root {
-    border: 1px solid #c9c9c9;
-}
 /* @tailwind base; */
 .container {
     width: 100%
@@ -593,24 +647,12 @@ 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
 }
+.invisible {
+    visibility: hidden
+}
 .collapse {
     visibility: collapse
 }
@@ -653,19 +695,28 @@ fieldset.antd-Collapse > legend{
 .col-span-2 {
     grid-column: span 2 / span 2
 }
+.float-right {
+    float: right
+}
 .m-0 {
     margin: 0px
 }
+.m-1 {
+    margin: 0.25rem
+}
 .m-2 {
     margin: 0.5rem
 }
+.m-4 {
+    margin: 1rem
+}
 .\!mx-0 {
     margin-left: 0px !important;
     margin-right: 0px !important
 }
-.mx-3 {
-    margin-left: 0.75rem;
-    margin-right: 0.75rem
+.mx-4 {
+    margin-left: 1rem;
+    margin-right: 1rem
 }
 .my-2 {
     margin-top: 0.5rem;
@@ -674,9 +725,6 @@ fieldset.antd-Collapse > legend{
 .\!mb-6 {
     margin-bottom: 1.5rem !important
 }
-.-mb-4 {
-    margin-bottom: -1rem
-}
 .-ml-1 {
     margin-left: -0.25rem
 }
@@ -716,6 +764,9 @@ fieldset.antd-Collapse > legend{
 .ml-4 {
     margin-left: 1rem
 }
+.ml-6 {
+    margin-left: 1.5rem
+}
 .mr-0 {
     margin-right: 0px
 }
@@ -731,9 +782,6 @@ fieldset.antd-Collapse > legend{
 .mr-4 {
     margin-right: 1rem
 }
-.mt-0 {
-    margin-top: 0px
-}
 .mt-0\.5 {
     margin-top: 0.125rem
 }
@@ -743,6 +791,9 @@ fieldset.antd-Collapse > legend{
 .mt-2 {
     margin-top: 0.5rem
 }
+.mt-3 {
+    margin-top: 0.75rem
+}
 .mt-\[50px\] {
     margin-top: 50px
 }
@@ -879,12 +930,12 @@ fieldset.antd-Collapse > legend{
 .min-w-\[240px\] {
     min-width: 240px
 }
-.min-w-\[300px\] {
-    min-width: 300px
-}
 .min-w-\[388px\] {
     min-width: 388px
 }
+.min-w-\[460px\] {
+    min-width: 460px
+}
 .max-w-\[360px\] {
     max-width: 360px
 }
@@ -954,14 +1005,17 @@ fieldset.antd-Collapse > legend{
 .gap-2 {
     gap: 0.5rem
 }
-.gap-x-3 {
-    -moz-column-gap: 0.75rem;
-         column-gap: 0.75rem
+.gap-3 {
+    gap: 0.75rem
+}
+.gap-x-4 {
+    -moz-column-gap: 1rem;
+         column-gap: 1rem
 }
-.space-x-4 > :not([hidden]) ~ :not([hidden]) {
+.space-x-2 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-x-reverse: 0;
-    margin-right: calc(1rem * var(--tw-space-x-reverse));
-    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
+    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
 }
 .overflow-auto {
     overflow: auto
@@ -1010,10 +1064,6 @@ fieldset.antd-Collapse > legend{
 .border-0 {
     border-width: 0px
 }
-.border-y {
-    border-top-width: 1px;
-    border-bottom-width: 1px
-}
 .\!border-b-0 {
     border-bottom-width: 0px !important
 }
@@ -1040,37 +1090,37 @@ fieldset.antd-Collapse > legend{
 }
 .border-gray-200 {
     --tw-border-opacity: 1;
-    border-color: rgb(229 231 235 / var(--tw-border-opacity))
+    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))
+    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))
+    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))
+    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))
+    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))
+    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))
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
 }
 .bg-none {
     background-image: none
@@ -1106,6 +1156,10 @@ fieldset.antd-Collapse > legend{
     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
@@ -1118,6 +1172,10 @@ fieldset.antd-Collapse > legend{
     padding-left: 1rem;
     padding-right: 1rem
 }
+.py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px
+}
 .py-1 {
     padding-top: 0.25rem;
     padding-bottom: 0.25rem
@@ -1130,10 +1188,6 @@ fieldset.antd-Collapse > legend{
     padding-top: 0.625rem;
     padding-bottom: 0.625rem
 }
-.py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem
-}
 .py-4 {
     padding-top: 1rem;
     padding-bottom: 1rem
@@ -1153,9 +1207,6 @@ fieldset.antd-Collapse > legend{
 .pl-0 {
     padding-left: 0px
 }
-.pl-1 {
-    padding-left: 0.25rem
-}
 .pl-1\.5 {
     padding-left: 0.375rem
 }
@@ -1171,9 +1222,18 @@ fieldset.antd-Collapse > legend{
 .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
 }
@@ -1207,6 +1267,9 @@ fieldset.antd-Collapse > legend{
 .font-semibold {
     font-weight: 600
 }
+.lowercase {
+    text-transform: lowercase
+}
 .leading-3 {
     line-height: .75rem
 }
@@ -1224,51 +1287,55 @@ fieldset.antd-Collapse > legend{
 }
 .\!text-gray-700 {
     --tw-text-opacity: 1 !important;
-    color: rgb(55 65 81 / var(--tw-text-opacity)) !important
+    color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important
 }
 .text-\[blue\] {
     --tw-text-opacity: 1;
-    color: rgb(0 0 255 / var(--tw-text-opacity))
+    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))
+    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))
+    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))
+    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))
+    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))
+    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))
+    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))
+    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))
+    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))
+    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))
+    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
 }
 .no-underline {
     text-decoration-line: none
@@ -1280,8 +1347,8 @@ fieldset.antd-Collapse > legend{
     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);
+    --tw-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 2px 4px;;
+    --tw-shadow-colored: 0px 0px 2px var(--tw-shadow-color), 0px 2px 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-lg {
@@ -1322,23 +1389,47 @@ fieldset.antd-Collapse > legend{
 .ease-in-out {
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
 }
+
+/* 
+.shadow {
+  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 2px 4px;
+} 
+
+
+@media (min-width: 640px) {
+  .sm\:shadow {
+    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))
+    background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1))
 }
+
 .hover\:font-bold:hover {
     font-weight: 700
 }
+
+.hover\:shadow:hover {
+    --tw-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 2px 4px;;
+    --tw-shadow-colored: 0px 0px 2px var(--tw-shadow-color), 0px 2px 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)
+}
+
 .focus\:outline-none:focus {
     outline: 2px solid transparent;
     outline-offset: 2px
 }
+
 @media (min-width: 640px) {
     .sm\:sticky {
         position: sticky
@@ -1367,9 +1458,6 @@ fieldset.antd-Collapse > legend{
     .sm\:grid-cols-2 {
         grid-template-columns: repeat(2, minmax(0, 1fr))
     }
-    .sm\:grid-cols-4 {
-        grid-template-columns: repeat(4, minmax(0, 1fr))
-    }
     .sm\:gap-4 {
         gap: 1rem
     }
@@ -1388,37 +1476,29 @@ fieldset.antd-Collapse > legend{
     .sm\:border {
         border-width: 1px
     }
-    .sm\:border-r {
-        border-right-width: 1px
-    }
     .sm\:border-gray-300 {
         --tw-border-opacity: 1;
-        border-color: rgb(209 213 219 / var(--tw-border-opacity))
-    }
-    .sm\:bg-gray-50 {
-        --tw-bg-opacity: 1;
-        background-color: rgb(249 250 251 / var(--tw-bg-opacity))
+        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);
+        --tw-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 2px 4px;;
+        --tw-shadow-colored: 0px 0px 2px var(--tw-shadow-color), 0px 2px 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)
     }
 }
+
 @media (min-width: 768px) {
     .md\:grid-cols-3 {
         grid-template-columns: repeat(3, minmax(0, 1fr))
     }
-    .md\:overflow-auto {
-        overflow: auto
-    }
     .md\:border-b {
         border-bottom-width: 1px
     }
 }
+
 @media (min-width: 1024px) {
     .lg\:z-\[1000\] {
         z-index: 1000
@@ -1472,32 +1552,21 @@ fieldset.antd-Collapse > legend{
         flex-direction: column
     }
 }
+
 @media (min-width: 1280px) {
+    .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\: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-item .antd-Button.antd-Button--default {
   border: none;
   border-width: 0;
@@ -1756,8 +1825,17 @@ fieldset.antd-Collapse > legend{
 .steedos-object-button.antd-Button {
   margin-right: 0px;
 }
+.steedos-object-record-detail-header button[class~="steedos-object-button"] {
+  margin-left: 4px;
+}
+.steedos-object-listview-content-wrapper button[class~="steedos-object-button"] {
+  margin-left: 4px;
+}
+.steedos-record-related-header button[class~="steedos-object-button"] {
+  margin-left: 4px;
+}
 /* 魔方定义的按钮，连续的按钮左侧加间隔分开，第一个按钮不会识别此样式 */
-.steedos-object-button + .steedos-object-button {
+.steedos-object-button + .steedos-object-button button {
   margin-left: 4px;
 }
 /* 魔方定义的按钮，如果是显示在下拉菜单作为菜单按钮则不能加间隔 */
@@ -2181,16 +2259,52 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
   height: 50px;
 }
 
-.lookup-left {
+.instance-form-view .antd-Table-table .antd-Form-label {
+  display: none;
+}
+.instance-form-view-wizard .antd-Form .antd-Form-item {
+  margin-bottom: 0.75rem;
+}
+.instance-form-view-wizard.antd-Wizard--vertical .antd--Wizard-steps {
+  padding-left: 0.5rem;
+  padding-top: 0.5rem;
+}
+.instance-form-view-wizard.antd-Wizard--vertical .antd--Wizard-steps .antd-StepsItem .antd-StepsItem-ellText {
+  white-space: normal;
+}
+.steedos-amis-instance-view .steedos-input-table .antd-Table-table colgroup col:nth-child(2) {
+  width: 0px !important;
+  min-width: 0px !important;
+}
+.steedos-amis-instance-view .steedos-input-table .antd-Table-table thead tr th:first-child {
+  width: 60px;
+}
+.steedos-amis-instance-view .steedos-input-table .antd-Table-table thead .antd-Table-operationCell {
+  width: 0px !important;
+}
+.steedos-amis-instance-view .steedos-input-table .antd-Table-table .steedos-input-table-column-operation {
+  border: none !important;
+}
+.steedos-amis-instance-view .steedos-input-table .antd-Table-table .steedos-input-table-column-operation .antd-OperationField {
+  margin-left: -55px;
+}
+.steedos-amis-instance-view td .loading {
+  display: none !important;
+}
+
+.amis-object-field-lookup .lookup-left {
   max-width: 50% !important;
 }
-.lookup-left .antd-Select-popover {
+.amis-object-field-lookup .lookup-left .antd-Select-popover {
   width: auto !important;
 }
-.antd-InputGroup .antd-SelectControl.lookup-left .antd-Select {
-  border-right-width: 1px;
-  border-top-right-radius: 5px;
-  border-bottom-right-radius: 5px;
+.amis-object-field-lookup .antd-InputGroup .antd-SelectControl.lookup-left .antd-Select {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.amis-object-field-lookup .antd-InputGroup .antd-PickerControl .antd-Picker-input {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
 
 @media (min-width: 767px) {
@@ -2349,46 +2463,7 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
 /*
     列表快速搜索，手机端及PC端分栏模式需要独占一行，另外card模式，即antd-Cards-toolbar也一样
 */
-.page-list-split .steedos-object-listview .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child,
-.page-list-split .steedos-object-listview .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child {
-  width: 100%;
-  margin-top: 8px;
-}
-.page-list-split .steedos-object-listview .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper,
-.page-list-split .steedos-object-listview .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper {
-  width: 100%;
-}
-.page-list-split .steedos-object-listview .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active,
-.page-list-split .steedos-object-listview .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active {
-  width: 100%;
-}
 @media (max-width: 768px) {
-  .steedos-object-table .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child,
-  .steedos-object-table .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child {
-    width: 100%;
-    margin-top: 8px;
-  }
-  .steedos-object-table .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper,
-  .steedos-object-table .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper {
-    width: 100%;
-  }
-  .steedos-object-table .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active,
-  .steedos-object-table .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active {
-    width: 100%;
-  }
-  .antd-Modal .antd-Modal-body .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child,
-  .antd-Modal .antd-Modal-body .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child {
-    width: 100%;
-    margin-top: 8px;
-  }
-  .antd-Modal .antd-Modal-body .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper,
-  .antd-Modal .antd-Modal-body .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper {
-    width: 100%;
-  }
-  .antd-Modal .antd-Modal-body .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active,
-  .antd-Modal .antd-Modal-body .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active {
-    width: 100%;
-  }
   .steedos-object-table .antd-Crud > form.antd-Form:before {
     border-bottom: none;
   }
@@ -2521,10 +2596,6 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
   padding-bottom: 0.5rem;
   padding-left: 1rem;
   padding-right: 1rem;
-  background-color: rgb(243 244 246);
-  border-color: rgb(209 213 219);
-  border-style: solid;
-  border-bottom-width: 1px;
 }
 .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar:last-child {
   padding-left: 1rem;
@@ -2697,6 +2768,13 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
   display: none;
 }
 
+.steedos-record-tabs.steedos-record-tabs--single .antd-Tabs-linksContainer-wrapper {
+  display: none;
+}
+.steedos-record-tabs.steedos-record-tabs--single .antd-Tabs-content {
+  margin-top: -1rem;
+}
+
 .steedos-context-bar .antd-Nav-list {
   border-bottom: 0px;
   height: 40px;
@@ -2734,26 +2812,6 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
   min-height: var(--Nav-Item-height);
   height: unset;
 }
-.steedos-app-menu.stacked .antd-Nav-Menu .antd-Nav-Menu-submenu-selected > .antd-Nav-Menu-submenu-title .antd-Nav-Menu-item-label {
-  color: black;
-}
-.steedos-app-menu.stacked a,
-.steedos-app-menu.stacked a:hover,
-.steedos-app-menu.stacked a:active,
-.steedos-app-menu.stacked a:focus {
-  color: black;
-}
-.steedos-app-menu.stacked .antd-Nav-Menu-item-active .antd-Nav-Menu-item-label,
-.steedos-app-menu.stacked .antd-Nav-Menu-item-active .antd-Nav-Menu-item-icon,
-.steedos-app-menu.stacked .antd-Nav-Menu-item-active .antd-Nav-Menu-item-icon-after,
-.steedos-app-menu.stacked .antd-Nav-Menu-item-active .antd-Nav-Menu-submenu-arrow {
-  color: black;
-}
-.steedos-app-menu.stacked .antd-Nav-SearchBox.is-active {
-  width: calc(100% - 1rem);
-  margin: 0 0.5rem;
-  margin-bottom: 0.5rem;
-}
 .steedos-header-container-line-two .ant-dropdown-placement-bottomLeft {
   left: -15px !important;
 }
@@ -2766,8 +2824,11 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
 .antd-Nav-Menu-submenu-active .antd-Nav-Menu-item .hover-inline-flex {
   display: none !important;
 }
-.steedos-app-menu-plus .antd-DropDown-menu-root {
-  right: 10px !important;
+.antd-Nav-Menu-inline .antd-Nav-Menu-item-selected::before {
+  top: 10px;
+  left: 5px;
+  bottom: 10px;
+  border-radius: 22px;
 }
 
 #steedosGlobalFooterRoot .steedos-global-footer {
@@ -2844,11 +2905,18 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
 .sidebar-wrapper {
   transition: 0.5s ease transform;
   will-change: transform;
-  transform: translate(-100%, 0);
-  -webkit-transform: translate(-100%, 0);
-  -moz-transform: translate(-100%, 0);
-  -ms-transform: translate(-100%, 0);
-  -o-transform: translate(-100%, 0);
+  transform: translate(calc(-100% + 60px), 0);
+  -webkit-transform: translate(calc(-100% + 60px), 0);
+  -moz-transform: translate(calc(-100% + 60px), 0);
+  -ms-transform: translate(calc(-100% + 60px), 0);
+  -o-transform: translate(calc(-100% + 60px), 0);
+  overflow-x: hidden;
+}
+.sidebar-wrapper .steedos-app-service {
+  left: 160px;
+}
+.antd-Nav-Menu-item-divider {
+  border-bottom: 0.0625rem solid #cacacc !important;
 }
 body.sidebar-open .sidebar-wrapper {
   transform: translate(0, 0);
@@ -2857,13 +2925,28 @@ body.sidebar-open .sidebar-wrapper {
   -ms-transform: translate(0, 0);
   -o-transform: translate(0, 0);
 }
+body.sidebar-open .sidebar-wrapper .steedos-app-service {
+  left: 0px;
+}
 body.sidebar #sidebar {
   margin-top: 50px;
 }
+.antd-Nav-Menu-item-tooltip {
+  display: none !important;
+}
+.antd-Nav.stacked .antd-Nav-Menu-item-link .antd-Nav-Menu-item-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+}
 @media (min-width: 768px) {
   body.sidebar.sidebar-open #main {
     margin-left: 220px;
   }
+  body.sidebar #main {
+    margin-left: 60px;
+  }
 }
 @media (max-width: 768px) {
   body.sidebar.sidebar-open #sidebar {
@@ -2879,11 +2962,11 @@ body.sidebar #sidebar {
     display: block;
     transition: ease-out opacity 0.2s;
     position: fixed;
-    top: 53px;
+    top: 51px;
     right: 0;
     bottom: 0;
     left: 0;
-    z-index: 1;
+    z-index: 1000;
     background: rgba(0, 0, 0, 0.6);
     opacity: 1;
   }
@@ -2908,6 +2991,20 @@ body.sidebar #sidebar {
     max-height: 60vh;
     margin: 0;
   }
+  .sidebar-wrapper {
+    position: fixed;
+    left: 0;
+    top: 50px;
+    bottom: 0;
+    width: 260px;
+    background: #fff;
+    z-index: 1001;
+    transform: translateX(-100%);
+    transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);
+  }
+  body.sidebar.sidebar-open .sidebar-wrapper {
+    transform: translateX(0);
+  }
 }
 
 .instance-default .instance-form .form-control .antd-Form-item {
@@ -2916,6 +3013,34 @@ body.sidebar #sidebar {
 .instance-default .instance-form .form-control .antd-Form-item .antd-Form-static {
   padding: 0;
 }
+.antd-Crud .antd-Table .antd-Table-table tbody td.steedos-table-lookup-field .antd-Wrapper,
+.antd-Crud .antd-Table .antd-Table-table td.steedos-table-master_detail-field .antd-Wrapper {
+  display: inline !important;
+}
+.antd-Crud .antd-Table .antd-Table-table tbody td.steedos-table-lookup-field .antd-Wrapper .antd-Form-item,
+.antd-Crud .antd-Table .antd-Table-table td.steedos-table-master_detail-field .antd-Wrapper .antd-Form-item {
+  display: inline !important;
+}
+.antd-Crud .antd-Table .antd-Table-table tbody td.steedos-table-lookup-field .antd-Wrapper .antd-Form-item > label.antd-Form-label,
+.antd-Crud .antd-Table .antd-Table-table td.steedos-table-master_detail-field .antd-Wrapper .antd-Form-item > label.antd-Form-label {
+  display: none !important;
+}
+.antd-Crud .antd-Table .antd-Table-table tbody td.steedos-table-lookup-field .antd-Wrapper .antd-Form-item .steedos-field-lookup-wrapper,
+.antd-Crud .antd-Table .antd-Table-table td.steedos-table-master_detail-field .antd-Wrapper .antd-Form-item .steedos-field-lookup-wrapper {
+  display: inline !important;
+}
+.antd-Crud .antd-Table .antd-Table-table tbody td.steedos-table-lookup-field .antd-Wrapper .antd-Form-item .steedos-field-lookup-wrapper *,
+.antd-Crud .antd-Table .antd-Table-table td.steedos-table-master_detail-field .antd-Wrapper .antd-Form-item .steedos-field-lookup-wrapper * {
+  display: inline !important;
+}
+.antd-Crud .antd-Table .antd-Table-table tbody td.steedos-table-lookup-field .antd-Wrapper .antd-Form-item .steedos-field-lookup-wrapper .steedos-field-lookup-each > .antd-Form-item,
+.antd-Crud .antd-Table .antd-Table-table td.steedos-table-master_detail-field .antd-Wrapper .antd-Form-item .steedos-field-lookup-wrapper .steedos-field-lookup-each > .antd-Form-item {
+  margin-right: 6px;
+}
+.antd-Crud .antd-Table .antd-Table-table tbody td.steedos-table-lookup-field .antd-Wrapper .antd-Form-item .steedos-field-lookup-wrapper .steedos-field-lookup-each > .antd-Form-item:last-child,
+.antd-Crud .antd-Table .antd-Table-table td.steedos-table-master_detail-field .antd-Wrapper .antd-Form-item .steedos-field-lookup-wrapper .steedos-field-lookup-each > .antd-Form-item:last-child {
+  margin-right: 0;
+}
 
 .steedos-select-flow-service .antd-TreeControl > .antd-Tree {
   max-height: unset;
@@ -2930,6 +3055,9 @@ body.sidebar #sidebar {
 }
 .steedos-amis-instance-view .instance-name {
   font-size: 20px;
+  position: sticky;
+  top: -13px;
+  background: #fff;
 }
 .steedos-amis-instance-view .instance-form-view {
   width: 100%;
@@ -2970,7 +3098,19 @@ body.sidebar #sidebar {
   border: none !important;
   box-shadow: none !important;
 }
-.steedos-amis-instance-view .instance-form-view .antd-Form-static .antd-Form-control {
+.steedos-amis-instance-view .instance-form-view .antd-Form-static > .antd-Form-control {
+  padding-left: 0.75rem;
+}
+.steedos-amis-instance-view .instance-form-view .antd-Form-control > .antd-Form-control {
+  padding-left: 0px !important;
+}
+.steedos-amis-instance-view .instance-form-view .antd-Table-table thead tr th {
+  padding-left: 0.75rem !important;
+}
+.steedos-amis-instance-view .instance-form-view .antd-Table-table thead tr th.antd-Table-operationCell {
+  padding-left: 0rem !important;
+}
+.steedos-amis-instance-view .instance-form-view .antd-Form-static.antd-Form-control {
   padding-left: 0.75rem !important;
 }
 .steedos-amis-instance-view .instance-form-view .antd-Number {
@@ -3017,6 +3157,25 @@ body.sidebar #sidebar {
 .steedos-amis-instance-view .form-control .antd-Table-table tbody tr:last-child td {
   border-bottom: none !important;
 }
+.steedos-amis-instance-view .form-control.steedos-input-table-editable .antd-Table-table tbody tr:last-child td {
+  border-bottom: 1px solid #000 !important;
+}
+.steedos-amis-instance-view .form-control.steedos-input-table-editable .antd-Table-table tbody td:first-child {
+  border-right: none !important;
+}
+.steedos-amis-instance-view .form-control.steedos-input-table-editable .antd-Table-table thead th:first-child {
+  border-right: none !important;
+}
+.steedos-amis-instance-view .form-control.steedos-input-table-editable .antd-Table-table thead th:nth-child(2) {
+  border-left: none !important;
+}
+.steedos-amis-instance-view .form-control .antd-InputTable thead tr th {
+  background: transparent !important;
+  border-left: 1px solid #000;
+}
+.steedos-amis-instance-view .form-control .antd-InputTable thead tr th:first-child {
+  border-left: none !important;
+}
 .steedos-amis-instance-view .form-control .antd-InputTable .antd-Table {
   margin-bottom: 0px;
 }
@@ -3031,6 +3190,12 @@ body.sidebar #sidebar {
   border: none;
   color: #000;
 }
+.steedos-amis-instance-view .steedos-input-table > .antd-Form-value > div > div {
+  margin-bottom: 0px !important;
+}
+.steedos-amis-instance-view table {
+  border-collapse: collapse;
+}
 
 .steedos-input-table .steedos-delete-button:hover {
   color: rgb(239 68 68) !important;
@@ -3052,14 +3217,20 @@ body.sidebar #sidebar {
 .steedos-input-table.steedos-show-index tbody tr td:nth-child(1) {
   text-align: center;
 }
+.steedos-input-table.steedos-show-index tbody tr td.antd-Table-dragCell + td {
+  text-align: center;
+}
 .steedos-input-table.steedos-show-index thead tr th:nth-child(1) .antd-TableCell--title {
   visibility: hidden;
 }
+.steedos-input-table.steedos-show-index thead tr th.antd-Table-dragCell + th .antd-TableCell--title {
+  visibility: hidden;
+}
 .steedos-input-table .antd-OperationField {
   width: 50px;
 }
-.steedos-input-table.steedos-show-index.steedos-has-operations thead tr th:nth-child(2),
-.steedos-input-table.steedos-show-index.steedos-has-operations tbody tr td:nth-child(2) {
+.steedos-input-table.steedos-show-index.steedos-has-operations td.steedos-input-table-column-operation,
+.steedos-input-table.steedos-show-index.steedos-has-operations th.antd-Table-operationCell {
   padding: 0;
 }
 .steedos-input-table.steedos-show-index.steedos-has-operations td .antd-OperationField {
@@ -3083,8 +3254,8 @@ body.sidebar #sidebar {
   visibility: visible;
   justify-content: center;
 }
-.steedos-input-table.steedos-has-operations thead tr th:nth-child(1),
-.steedos-input-table.steedos-has-operations tbody tr td:nth-child(1) {
+.steedos-input-table.steedos-has-operations td.steedos-input-table-column-operation,
+.steedos-input-table.steedos-has-operations th.antd-Table-operationCell {
   padding: 0;
 }
 .steedos-input-table.steedos-has-operations td .antd-OperationField {
@@ -3111,6 +3282,12 @@ body.sidebar #sidebar {
 }
 
 
+form[name="instanceForm"] .sfield-item {
+  margin-bottom: var(--Form-item-gap) !important;
+}
+div[name="instanceForm"] .sfield-item {
+  margin-bottom: var(--Form-item-gap) !important;
+}
 
 .steedos-record-selected {
   background: var(--Table-onChecked-bg) !important;