- client: 2152 Do not show dashboard buttons on mobile screen, fix buttons on DNS block/allow lists pages
This commit is contained in:
parent
1a3d98d3bf
commit
72ab51bce0
|
@ -71,9 +71,3 @@ body {
|
|||
.button-action--active {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
.dashboard .button-action {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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,
|
||||
|
|
Loading…
Reference in New Issue