chore(platform): update style

DevCloudFE · Jun 2, 2023 · c3ed034 · c3ed034
1 parent 2fe0df5
commit c3ed034
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/packages/platform/src/app/components/table/Table.tsx b/packages/platform/src/app/components/table/Table.tsx
@@ -56,12 +56,11 @@ export interface AppTableProps<T> {
   };
   aExpand?: (data: T, index: number) => React.ReactNode;
   aScroll?: { x?: number | string; y?: number | string };
-  aLabelWidth?: string | number;
   aKey?: (data: T, index: number) => any;
 }
 
 export function AppTable<T = any>(props: AppTableProps<T>): JSX.Element | null {
-  const { className, aName, aData, aColumns, aActions, aExpand, aScroll, aLabelWidth, aKey = (data) => data['id'] } = props;
+  const { className, aName, aData, aColumns, aActions, aExpand, aScroll, aKey = (data) => data['id'] } = props;
 
   const columns = aColumns.filter((column) => !column.hidden);
   const titleIndex = columns.findIndex((column) => column.title);
@@ -291,8 +290,7 @@ export function AppTable<T = any>(props: AppTableProps<T>): JSX.Element | null {
                   <AppDetailView
                     aCol={12}
                     aGutter={3}
-                    aLabelAlign="right"
-                    aLabelWidth={aLabelWidth}
+                    aVertical
                     aList={columns
                       .filter((column, indexOfCol) => !column.checkbox && indexOfCol !== titleIndex)
                       .map((column) => ({

diff --git a/packages/platform/src/app/routes/list/standard-table/StandardTable.tsx b/packages/platform/src/app/routes/list/standard-table/StandardTable.tsx
@@ -338,7 +338,6 @@ const StandardTable = AppRoute(() => {
                 width: 140,
               }}
               aScroll={{ x: 1200 }}
-              aLabelWidth={72}
             />
             <div className="app-table-footer">
               <div>

diff --git a/packages/platform/src/styles/components/detail-view.scss b/packages/platform/src/styles/components/detail-view.scss
@@ -6,7 +6,8 @@
 
     @include e(item-label) {
       margin-right: 0;
-      margin-bottom: 8px;
+      margin-bottom: 2px;
+      font-size: 0.775em;
 
       &::after {
         content: none;