Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-24 15:59:41 +02:00
Code Issues Releases Activity

feat(ui): ui improvements create template EE-3628 (#7352)

Browse source
This commit is contained in:
Prabhat Khera 2022-08-02 14:10:39 +12:00 • committed by GitHub
parent 75c1b485ab
commit e1c7079c81
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 75 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

11
app/react/components/form-components/FileUpload/FileUploadField.tsx
View file

@ -1,6 +1,7 @@
import { ChangeEvent, createRef } from 'react';
import { Button } from '@@/buttons';
import { Icon } from '@@/Icon';
import styles from './FileUploadField.module.css';
@ -24,7 +25,7 @@ export function FileUploadField({
const fileRef = createRef<HTMLInputElement>();
return (
<div className="file-upload-field">
<div className="file-upload-field vertical-center">
<input
id={inputId}
ref={fileRef}
@ -44,12 +45,8 @@ export function FileUploadField({
{title}
</Button>
<span className="space-left">
{value ? (
value.name
) : (
<i className="fa fa-times red-icon" aria-hidden="true" />
)}
<span className="vertical-center">
{value ? value.name : <Icon icon="x" feather mode="danger" />}
</span>
</div>
);

12
app/react/components/form-components/InputList/InputList.tsx
View file

@ -94,7 +94,7 @@ export function InputList<T = DefaultType>({
</div>
{textTip && (
<div className="col-sm-12 my-5">
<div className="col-sm-12 mt-5">
<TextTip color="blue">{textTip}</TextTip>
</div>
)}
@ -131,6 +131,7 @@ export function InputList<T = DefaultType>({
size="small"
disabled={disabled || index === 0}
onClick={() => handleMoveUp(index)}
className="vertical-center btn-only-icon"
>
<Icon icon="arrow-up" feather />
</Button>
@ -139,6 +140,7 @@ export function InputList<T = DefaultType>({
type="button"
disabled={disabled || index === value.length - 1}
onClick={() => handleMoveDown(index)}
className="vertical-center btn-only-icon"
>
<Icon icon="arrow-down" feather />
</Button>
@ -146,12 +148,12 @@ export function InputList<T = DefaultType>({
)}
{!readOnly && (
<Button
color="danger"
size="medium"
color="dangerlight"
size="small"
onClick={() => handleRemoveItem(key, item)}
disabled={disabled}
className="vertical-center btn-only-icon"
>
<Icon icon="trash-2" feather />
<Icon icon="trash-2" feather size="md" />
</Button>
)}
</div>