Browse Source

feat: 链接添加下划线

pull/117/head
cp3hnu 1 year ago
parent
commit
717644ef5f
11 changed files with 35 additions and 9 deletions
  1. +5
    -0
      react-ui/src/global.less
  2. +4
    -2
      react-ui/src/pages/Dataset/components/ResourceVersion/index.tsx
  3. +3
    -1
      react-ui/src/pages/DevelopmentEnvironment/List/index.tsx
  4. +1
    -1
      react-ui/src/pages/Experiment/components/ExperimentInstance/index.less
  5. +6
    -2
      react-ui/src/pages/Experiment/index.jsx
  6. +4
    -0
      react-ui/src/pages/Model/components/NodeTooltips/index.less
  7. +5
    -1
      react-ui/src/pages/ModelDeployment/List/index.tsx
  8. +5
    -1
      react-ui/src/pages/Pipeline/index.jsx
  9. +1
    -0
      react-ui/src/pages/System/Dict/index.tsx
  10. +0
    -1
      react-ui/src/pages/Tool/Gen/index.tsx
  11. +1
    -0
      react-ui/src/styles/theme.less

+ 5
- 0
react-ui/src/global.less View File

@@ -149,6 +149,11 @@ ol {
z-index: 999; z-index: 999;
} }


.kf-table-row-link:hover {
text-decoration: underline @underline-color;
text-underline-offset: 3px;
}

input:-webkit-autofill { input:-webkit-autofill {
transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s;
} }

+ 4
- 2
react-ui/src/pages/Dataset/components/ResourceVersion/index.tsx View File

@@ -128,7 +128,7 @@ function ResourceVersion({
dataIndex: 'index', dataIndex: 'index',
key: 'index', key: 'index',
width: 80, width: 80,
render(text: string, record: ResourceFileData, index: number) {
render(_text: string, _record: ResourceFileData, index: number) {
return <span>{index + 1}</span>; return <span>{index + 1}</span>;
}, },
}, },
@@ -137,7 +137,9 @@ function ResourceVersion({
dataIndex: 'file_name', dataIndex: 'file_name',
key: 'file_name', key: 'file_name',
render: (text: string, record: ResourceFileData) => ( render: (text: string, record: ResourceFileData) => (
<a onClick={() => downloadAlone(record)}>{text}</a>
<a className="kf-table-row-link" onClick={() => downloadAlone(record)}>
{text}
</a>
), ),
}, },
{ {


+ 3
- 1
react-ui/src/pages/DevelopmentEnvironment/List/index.tsx View File

@@ -154,7 +154,9 @@ function EditorList() {
width: '30%', width: '30%',
render: (text, record) => render: (text, record) =>
record.url ? ( record.url ? (
<a onClick={(e) => gotoEditorPage(e, record)}>{text}</a>
<a className="kf-table-row-link" onClick={(e) => gotoEditorPage(e, record)}>
{text}
</a>
) : ( ) : (
<span>{text ?? '--'}</span> <span>{text ?? '--'}</span>
), ),


+ 1
- 1
react-ui/src/pages/Experiment/components/ExperimentInstance/index.less View File

@@ -33,7 +33,7 @@
} }


.operation { .operation {
width: 334px;
width: 344px;
} }
} }




+ 6
- 2
react-ui/src/pages/Experiment/index.jsx View File

@@ -355,7 +355,11 @@ function Experiment() {
title: '关联流水线名称', title: '关联流水线名称',
dataIndex: 'workflow_name', dataIndex: 'workflow_name',
key: 'workflow_name', key: 'workflow_name',
render: (text, record) => <a onClick={(e) => gotoPipeline(e, record)}>{text}</a>,
render: (text, record) => (
<a className="kf-table-row-link" onClick={(e) => gotoPipeline(e, record)}>
{text}
</a>
),
width: '16%', width: '16%',
}, },
{ {
@@ -393,7 +397,7 @@ function Experiment() {
{ {
title: '操作', title: '操作',
key: 'action', key: 'action',
width: 350,
width: 360,
render: (_, record) => ( render: (_, record) => (
<Space size="small"> <Space size="small">
<Button <Button


+ 4
- 0
react-ui/src/pages/Model/components/NodeTooltips/index.less View File

@@ -50,6 +50,10 @@
flex: 1; flex: 1;
min-width: 0; min-width: 0;
font-weight: 500; font-weight: 500;

&:hover {
text-decoration: underline @underline-color;
}
} }
} }
} }

+ 5
- 1
react-ui/src/pages/ModelDeployment/List/index.tsx View File

@@ -189,7 +189,11 @@ function ModelDeployment() {
key: 'service_name', key: 'service_name',
width: '20%', width: '20%',
render: (text, record) => { render: (text, record) => {
return <a onClick={() => toDetail(record)}>{text}</a>;
return (
<a className="kf-table-row-link" onClick={() => toDetail(record)}>
{text}
</a>
);
}, },
}, },
{ {


+ 5
- 1
react-ui/src/pages/Pipeline/index.jsx View File

@@ -122,7 +122,11 @@ const Pipeline = () => {
title: '流水线名称', title: '流水线名称',
dataIndex: 'name', dataIndex: 'name',
key: 'name', key: 'name',
render: (text, record) => <a onClick={(e) => routeToEdit(e, record)}>{text}</a>,
render: (text, record) => (
<a className="kf-table-row-link" onClick={(e) => routeToEdit(e, record)}>
{text}
</a>
),
}, },
{ {
title: '流水线描述', title: '流水线描述',


+ 1
- 0
react-ui/src/pages/System/Dict/index.tsx View File

@@ -171,6 +171,7 @@ const DictTableList: React.FC = () => {
render: (dom, record) => { render: (dom, record) => {
return ( return (
<a <a
className="kf-table-row-link"
onClick={() => { onClick={() => {
history.push(`/system/dict-data/index/${record.dictId}`); history.push(`/system/dict-data/index/${record.dictId}`);
}} }}


+ 0
- 1
react-ui/src/pages/Tool/Gen/index.tsx View File

@@ -81,7 +81,6 @@ const GenCodeView: React.FC = () => {
{ {
title: '编号', title: '编号',
dataIndex: 'tableId', dataIndex: 'tableId',
tip: '编号',
render: (dom, entity) => { render: (dom, entity) => {
return ( return (
<a <a


+ 1
- 0
react-ui/src/styles/theme.less View File

@@ -16,6 +16,7 @@
@warning-color: #f98e1b; @warning-color: #f98e1b;
@abort-color: #8a8a8a; @abort-color: #8a8a8a;
@pending-color: #ecb934; @pending-color: #ecb934;
@underline-color: #5d93ff;


@border-color: rgba(22, 100, 255, 0.3); @border-color: rgba(22, 100, 255, 0.3);
@border-color-secondary: rgba(22, 100, 255, 0.1); @border-color-secondary: rgba(22, 100, 255, 0.1);


Loading…
Cancel
Save