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

style: editable cell input width

Browse Source
This commit is contained in:
jialin
2024-09-05 12:04:49 +08:00
parent 825683dd75
commit 55ca15bdc6
1 changed files with 48 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/seal-table/components/seal-column.tsx
+48 -46
View File
@@ -40,7 +40,7 @@ const SealColumn: React.FC<SealColumnProps> = (props) => {
if (isEditing && editable) {
return valueType === 'number' ? (
<InputNumber
style={{ width: '100%' }}
style={{ minWidth: '100px', width: '100%' }}
min={0}
value={current}
onChange={(val) => {
@@ -69,60 +69,62 @@ const SealColumn: React.FC<SealColumnProps> = (props) => {
'cell-right': align === 'right'
})}
>
<span className="cell-content">{renderContent()}</span>
{editable && (
<>
{isEditing ? (
<>
<span className="cell-content flex-center">
{renderContent()}
{editable && (
<span>
{isEditing ? (
<>
<Tooltip
key="confirm"
title={intl.formatMessage({ id: 'common.button.confirm' })}
>
<Button
type="text"
size="small"
className="m-l-10"
onClick={handleSubmit}
>
<CheckOutlined />
</Button>
</Tooltip>
<Tooltip
title={intl.formatMessage({ id: 'common.button.cancel' })}
key="undo"
>
<Button
type="text"
size="small"
className="m-l-10"
onClick={handleUndo}
>
<UndoOutlined />
</Button>
</Tooltip>
</>
) : (
<Tooltip
key="confirm"
title={intl.formatMessage({ id: 'common.button.confirm' })}
key="edit"
title={
<span>
{intl.formatMessage({ id: 'common.button.edit' })}
<span className="m-l-5">{title}</span>
</span>
}
>
<Button
type="text"
size="small"
className="m-l-10"
onClick={handleSubmit}
onClick={handleEdit}
>
<CheckOutlined />
<FormOutlined />
</Button>
</Tooltip>
<Tooltip
title={intl.formatMessage({ id: 'common.button.undo' })}
key="undo"
>
<Button
type="text"
size="small"
className="m-l-10"
onClick={handleUndo}
>
<UndoOutlined />
</Button>
</Tooltip>
</>
) : (
<Tooltip
key="edit"
title={
<span>
{intl.formatMessage({ id: 'common.button.edit' })}
<span className="m-l-5">{title}</span>
</span>
}
>
<Button
type="text"
size="small"
className="m-l-10"
onClick={handleEdit}
>
<FormOutlined />
</Button>
</Tooltip>
)}
</>
)}
)}
</span>
)}
</span>
</div>
);
};