Web: PortalSettings: fixed DocumentService styles
This commit is contained in:
parent
b610e95ca7
commit
9b7edb4793
@ -6,6 +6,7 @@ import { Link, Button, InputBlock, Label, Text } from "@docspace/components";
|
||||
import toastr from "@docspace/components/toast/toastr";
|
||||
import Loaders from "@docspace/common/components/Loaders";
|
||||
import { DeviceType } from "@docspace/common/constants";
|
||||
import SaveCancelButtons from "@docspace/components/save-cancel-buttons";
|
||||
|
||||
const URL_REGEX = /^https?:\/\/[-a-zA-Z0-9@:%._\+~#=]{1,256}\/?$/;
|
||||
const DNS_PLACEHOLDER = `${window.location.protocol}//<docspace-dns-name>/`;
|
||||
@ -224,31 +225,25 @@ const DocumentService = ({
|
||||
</Text>
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-buttons">
|
||||
<Button
|
||||
onClick={onSubmit}
|
||||
className="button"
|
||||
primary
|
||||
size={buttonSize}
|
||||
label={t("Common:SaveButton")}
|
||||
isDisabled={
|
||||
|
||||
<SaveCancelButtons
|
||||
onSaveClick={onSubmit}
|
||||
onCancelClick={onReset}
|
||||
saveButtonLabel={t("Common:SaveButton")}
|
||||
cancelButtonLabel={t("Common:Restore")}
|
||||
saveButtonDisabled={
|
||||
isFormEmpty ||
|
||||
isValuesInit ||
|
||||
!allInputsValid ||
|
||||
isSaveLoading ||
|
||||
isResetLoading
|
||||
}
|
||||
isLoading={isSaveLoading}
|
||||
cancelButtonDisabled={
|
||||
isDefaultSettings || isSaveLoading || isResetLoading
|
||||
}
|
||||
displaySettings={true}
|
||||
isSaving={isSaveLoading || isResetLoading}
|
||||
/>
|
||||
<Button
|
||||
onClick={onReset}
|
||||
className="button"
|
||||
size={buttonSize}
|
||||
label={t("Common:Restore")}
|
||||
isDisabled={isDefaultSettings || isSaveLoading || isResetLoading}
|
||||
isLoading={isResetLoading}
|
||||
/>
|
||||
</div>
|
||||
</Styled.LocationForm>
|
||||
</Styled.Location>
|
||||
);
|
||||
|
@ -55,16 +55,4 @@ export const LocationForm = styled.form`
|
||||
color: ${(props) => props.theme.client.settings.common.descriptionColor};
|
||||
}
|
||||
}
|
||||
|
||||
.form-buttons {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 8px;
|
||||
|
||||
@media ${mobile} {
|
||||
.button {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
Loading…
Reference in New Issue
Block a user