1
0
mirror of https://gitlab.nic.cz/turris/reforis/foris-js.git synced 2024-09-28 11:14:20 +02:00

Fix buttons size outside of form's card layout

This commit is contained in:
Aleksandr Gumroian 2020-08-06 17:25:38 +02:00
parent e858b30994
commit 1dd1805ae0
No known key found for this signature in database
GPG Key ID: 9E77849C64F0A733
4 changed files with 5 additions and 8 deletions

View File

@ -7,4 +7,5 @@
/** Bootstrap column size for form fields */ /** Bootstrap column size for form fields */
// eslint-disable-next-line import/prefer-default-export // eslint-disable-next-line import/prefer-default-export
export const formFieldsSize = "col-sm-12 col-lg-12 p-0 mb-3"; export const formFieldsSize = "card p-4 col-sm-12 col-lg-12 p-0 mb-3";
export const buttonFormFieldSize = "col-sm-12 col-lg-12 p-0 mb-3";

View File

@ -18,10 +18,6 @@ import {
} from "../bootstrap/Modal"; } from "../bootstrap/Modal";
import { useAlert } from "../alertContext/AlertContext"; import { useAlert } from "../alertContext/AlertContext";
RebootButton.propTypes = {
forisFormSize: PropTypes.bool,
};
export function RebootButton(props) { export function RebootButton(props) {
const [triggered, setTriggered] = useState(false); const [triggered, setTriggered] = useState(false);
const [modalShown, setModalShown] = useState(false); const [modalShown, setModalShown] = useState(false);

View File

@ -13,7 +13,7 @@ import { useAlert } from "../../alertContext/AlertContext";
import { ALERT_TYPES } from "../../bootstrap/Alert"; import { ALERT_TYPES } from "../../bootstrap/Alert";
import { useAPIPost } from "../../api/hooks"; import { useAPIPost } from "../../api/hooks";
import { API_STATE } from "../../api/utils"; import { API_STATE } from "../../api/utils";
import { formFieldsSize } from "../../bootstrap/constants"; import { buttonFormFieldSize } from "../../bootstrap/constants";
ResetWiFiSettings.propTypes = { ResetWiFiSettings.propTypes = {
ws: PropTypes.object.isRequired, ws: PropTypes.object.isRequired,
@ -57,7 +57,7 @@ If a number of wireless cards doesn't match, you may try to reset the Wi-Fi sett
current Wi-Fi configuration and restore the default values. current Wi-Fi configuration and restore the default values.
`)} `)}
</p> </p>
<div className={`${formFieldsSize} text-right`}> <div className={`${buttonFormFieldSize} text-right`}>
<Button <Button
className="btn-warning" className="btn-warning"
forisFormSize forisFormSize

View File

@ -30,7 +30,7 @@ export { PasswordInput } from "./bootstrap/PasswordInput";
export { Radio, RadioSet } from "./bootstrap/RadioSet"; export { Radio, RadioSet } from "./bootstrap/RadioSet";
export { Select } from "./bootstrap/Select"; export { Select } from "./bootstrap/Select";
export { TextInput } from "./bootstrap/TextInput"; export { TextInput } from "./bootstrap/TextInput";
export { formFieldsSize } from "./bootstrap/constants"; export { formFieldsSize, buttonFormFieldSize } from "./bootstrap/constants";
export { export {
Spinner, Spinner,