use wrapper

This commit is contained in:
srgooglo 2022-10-25 12:09:53 +00:00
parent 44fb448f3a
commit c552a6a345
2 changed files with 134 additions and 130 deletions

View File

@ -24,7 +24,7 @@ const ItemTypes = {
SliderColorPicker: SliderPicker,
}
const SettingsFooter = () => {
const SettingsFooter = (props) => {
const isDevMode = window.__evite?.env?.NODE_ENV !== "production"
return <div className="footer" >
@ -43,7 +43,7 @@ const SettingsFooter = () => {
</div>
</div>
<div>
<antd.Button type="link" onClick={this.onClickAppAbout}>
<antd.Button type="link" onClick={props.onClickAppAbout}>
<Translation>
{t => t("about")}
</Translation>
@ -425,7 +425,8 @@ export default class SettingsMenu extends React.PureComponent {
}
render() {
return <div className="settings">
return <div className="settings_wrapper">
<div className="settings">
<antd.Tabs
activeKey={this.state.activeKey}
centered
@ -435,7 +436,8 @@ export default class SettingsMenu extends React.PureComponent {
{this.generateSettingsTabs()}
</antd.Tabs>
<SettingsFooter />
<SettingsFooter onClickAppAbout={this.onClickAppAbout} />
</div>
</div>
}
}

View File

@ -1,3 +1,4 @@
.settings_wrapper {
.settings {
display: flex;
flex-direction: column;
@ -136,3 +137,4 @@
justify-content: space-evenly;
}
}
}