- client: 2152 Do not show dashboard buttons on mobile screen, fix buttons on DNS block/allow lists pages

This commit is contained in:
ArtemBaskal 2020-10-09 13:21:58 +03:00
parent 1a3d98d3bf
commit 72ab51bce0
2 changed files with 12 additions and 24 deletions

View File

@ -71,9 +71,3 @@ body {
.button-action--active {
visibility: visible;
}
@media (max-width: 500px) {
.dashboard .button-action {
visibility: visible;
}
}

View File

@ -4,29 +4,23 @@ import { withTranslation, Trans } from 'react-i18next';
const Actions = ({
handleAdd, handleRefresh, processingRefreshFilters, whitelist,
}) => (
<div className="card-actions">
<button
className="btn btn-success btn-standard mr-2 btn-large"
}) => <div className="card-actions">
<button
className="btn btn-success btn-standard mr-2 btn-large mb-2"
type="submit"
onClick={handleAdd}
>
{whitelist ? (
<Trans>add_allowlist</Trans>
) : (
<Trans>add_blocklist</Trans>
)}
</button>
<button
className="btn btn-primary btn-standard"
>
{whitelist ? <Trans>add_allowlist</Trans> : <Trans>add_blocklist</Trans>}
</button>
<button
className="btn btn-primary btn-standard mb-2"
type="submit"
onClick={handleRefresh}
disabled={processingRefreshFilters}
>
<Trans>check_updates_btn</Trans>
</button>
</div>
);
>
<Trans>check_updates_btn</Trans>
</button>
</div>;
Actions.propTypes = {
handleAdd: PropTypes.func.isRequired,