mirror of
https://github.com/portainer/portainer.git
synced 2025-07-25 08:19:40 +02:00
EE-3694 update UI of docker/custom template (#7345)
This commit is contained in:
parent
090268d7b6
commit
6d3a33635d
9 changed files with 71 additions and 76 deletions
|
@ -1,5 +1,7 @@
|
|||
import clsx from 'clsx';
|
||||
|
||||
import { Icon } from '@/react/components/Icon';
|
||||
|
||||
import styles from './AddButton.module.css';
|
||||
|
||||
export interface Props {
|
||||
|
@ -17,13 +19,15 @@ export function AddButton({ label, onClick, className, disabled }: Props) {
|
|||
'label',
|
||||
'label-default',
|
||||
'interactive',
|
||||
'vertical-center',
|
||||
styles.addButton
|
||||
)}
|
||||
type="button"
|
||||
onClick={onClick}
|
||||
disabled={disabled}
|
||||
>
|
||||
<i className="fa fa-plus-circle space-right" aria-hidden="true" /> {label}
|
||||
<Icon icon="plus" feather className="space-right" />
|
||||
{label}
|
||||
</button>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -3,6 +3,7 @@ import clsx from 'clsx';
|
|||
import { FormikErrors } from 'formik';
|
||||
|
||||
import { AddButton, Button } from '@@/buttons';
|
||||
import { Icon } from '@@/Icon';
|
||||
import { Tooltip } from '@@/Tip/Tooltip';
|
||||
import { TextTip } from '@@/Tip/TextTip';
|
||||
|
||||
|
@ -131,7 +132,7 @@ export function InputList<T = DefaultType>({
|
|||
disabled={disabled || index === 0}
|
||||
onClick={() => handleMoveUp(index)}
|
||||
>
|
||||
<i className="fa fa-arrow-up" aria-hidden="true" />
|
||||
<Icon icon="arrow-up" feather />
|
||||
</Button>
|
||||
<Button
|
||||
size="small"
|
||||
|
@ -139,7 +140,7 @@ export function InputList<T = DefaultType>({
|
|||
disabled={disabled || index === value.length - 1}
|
||||
onClick={() => handleMoveDown(index)}
|
||||
>
|
||||
<i className="fa fa-arrow-down" aria-hidden="true" />
|
||||
<Icon icon="arrow-down" feather />
|
||||
</Button>
|
||||
</>
|
||||
)}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue