Client: PortalSettings: WhiteLabel: fix style

This commit is contained in:
Viktor Fomin 2023-11-10 14:57:58 +03:00
parent d0850350e2
commit 024cfcc56e
2 changed files with 12 additions and 4 deletions

View File

@ -178,8 +178,8 @@ const WhiteLabelWrapper = styled.div`
display: none;
}
.save-cancel-buttons {
margin-top: 24px;
.spacer {
height: 24px;
}
@media ${mobile} {
@ -187,6 +187,10 @@ const WhiteLabelWrapper = styled.div`
.header-container {
display: none;
}
.spacer {
height: ${(props) => (props.showReminder ? "64px" : "24px")};
}
}
`;

View File

@ -204,11 +204,12 @@ const WhiteLabel = (props) => {
const isEqualLogo = isEqual(logoUrlsWhiteLabel, defaultWhiteLabelLogoUrls);
const isEqualText = defaultLogoTextWhiteLabel === logoTextWhiteLabel;
const showReminder = !isEqualLogo || !isEqualText;
return !isLoadedData ? (
<LoaderWhiteLabel />
) : (
<WhiteLabelWrapper>
<WhiteLabelWrapper showReminder={showReminder}>
<Text className="subtitle">{t("BrandingSubtitle")}</Text>
<div className="header-container">
@ -466,6 +467,8 @@ const WhiteLabel = (props) => {
</div>
</div>
<div className="spacer"></div>
<SaveCancelButtons
tabIndex={3}
className="save-cancel-buttons"
@ -475,7 +478,8 @@ const WhiteLabel = (props) => {
cancelButtonLabel={t("Common:Restore")}
displaySettings={true}
hasScroll={true}
showReminder={!isEqualLogo || !isEqualText}
hideBorder={true}
showReminder={showReminder}
reminderText={t("YouHaveUnsavedChanges")}
saveButtonDisabled={isEqualLogo && isEqualText}
disableRestoreToDefault={!enableRestoreButton}