Docker/planka
Docker/planka
1
0
Fork 0
mirror of https://github.com/plankanban/planka.git synced 2025-07-25 16:19:47 +02:00
Code Issues Releases Activity

Small UI improvements, update dependencies

Browse source
This commit is contained in:
Maksim Eltyshev 2019-10-16 22:48:24 +05:00
parent d770470371
commit 1f38c6073c
17 changed files with 99 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

30
client/src/components/UsersModal/UsersModal.jsx
View file

@ -2,14 +2,12 @@ import React, { useCallback } from 'react';
import PropTypes from 'prop-types';
import { useTranslation } from 'react-i18next';
import {
Button, Header, Modal, Table,
Button, Modal, Table,
} from 'semantic-ui-react';
import AddUserPopupContainer from '../../containers/AddUserPopupContainer';
import Item from './Item';
import styles from './UsersModal.module.css';
const UsersModal = React.memo(({
items, onUpdate, onDelete, onClose,
}) => {
@ -30,13 +28,13 @@ const UsersModal = React.memo(({
);
return (
<Modal open closeIcon size="large" onClose={onClose}>
<Modal open closeIcon size="large" centered={false} onClose={onClose}>
<Modal.Header>
{t('common.users', {
context: 'title',
})}
</Modal.Header>
<Modal.Content>
<Header size="huge" className={styles.title}>
{t('common.users', {
context: 'title',
})}
</Header>
<Table basic="very">
<Table.Header>
<Table.Row>
@ -58,17 +56,13 @@ const UsersModal = React.memo(({
/>
))}
</Table.Body>
<Table.Footer>
<Table.Row>
<Table.HeaderCell colSpan="4">
<AddUserPopupContainer>
<Button positive content={t('action.addUser')} className={styles.button} />
</AddUserPopupContainer>
</Table.HeaderCell>
</Table.Row>
</Table.Footer>
</Table>
</Modal.Content>
<Modal.Actions>
<AddUserPopupContainer>
<Button positive content={t('action.addUser')} />
</AddUserPopupContainer>
</Modal.Actions>
</Modal>
);
});

11
client/src/components/UsersModal/UsersModal.module.css
View file

@ -1,11 +0,0 @@
.button {
float: right;
height: 32px;
line-height: 20px;
margin-top: -2px;
padding: 6px 12px;
}
.title {
display: inline-block;
}