root/gpustack-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: table style

Browse Source
This commit is contained in:
jialin
2025-03-27 16:11:49 +08:00
parent 0d80269e2d
commit f4d5419ba1
4 changed files with 44 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/seal-table/components/table-row.tsx
+13 -12
View File
@@ -2,7 +2,7 @@ import useSetChunkRequest, {
createAxiosToken
} from '@/hooks/use-chunk-request';
import useUpdateChunkedList from '@/hooks/use-update-chunk-list';
import { Col, Empty, Row, Spin } from 'antd';
import { Col, Row, Spin } from 'antd';
import classNames from 'classnames';
import _ from 'lodash';
import React, {
@@ -81,16 +81,17 @@ const TableRow: React.FC<
const renderChildrenData = () => {
if (childrenData.length === 0) {
return (
<Empty
image={loading ? null : Empty.PRESENTED_IMAGE_SIMPLE}
description={loading ? null : undefined}
style={{
marginBlock: 0,
height: 54
}}
></Empty>
);
// return (
// <Empty
// image={loading ? null : Empty.PRESENTED_IMAGE_SIMPLE}
// description={loading ? null : undefined}
// style={{
// marginBlock: 0,
// height: 54
// }}
// ></Empty>
// );
return null;
}
return renderChildren?.(childrenData, {
parent: record,
@@ -262,7 +263,7 @@ const TableRow: React.FC<
})}
</Row>
</div>
{expanded && (
{expanded && childrenData.length > 0 && (
<div className="expanded-row">
<Spin spinning={loading}>{renderChildrenData()}</Spin>
</div>
src/components/seal-table/styles/index.less
+11 -7
View File
@@ -10,11 +10,14 @@
width: 100%;
.header-row-wrapper {
height: 40px;
margin-bottom: 10px;
height: 50px;
// margin-bottom: 10px;
display: flex;
justify-content: flex-start;
align-items: center;
background-color: var(--color-fill-sider);
border-radius: var(--ant-table-header-border-radius)
var(--ant-table-header-border-radius) 0 0;
.header-row-prefix-wrapper {
padding-left: var(--ant-table-cell-padding-inline);
@@ -26,16 +29,17 @@
}
.row-box {
margin-bottom: 20px;
border-radius: var(--ant-table-header-border-radius);
// margin-bottom: 20px;
// border-radius: var(--ant-table-header-border-radius);
overflow: hidden;
border-bottom: 1px solid var(--ant-color-split);
// box-shadow: var(--box-shadow-base);
}
.expanded-row {
background-color: var(--color-white-1);
// background-color: var(--color-white-1);
padding: 16px;
border: 1px solid var(--color-fill-1);
// border: 1px solid var(--color-fill-1);
border-top: 0;
border-radius: 0 0 var(--ant-table-header-border-radius)
var(--ant-table-header-border-radius);
@@ -49,7 +53,7 @@
display: flex;
justify-content: flex-start;
align-items: center;
background-color: var(--color-fill-sider);
// background-color: var(--color-fill-sider);
transition: all 0.2s ease;
&:hover {