Compare commits

...

2 Commits

Author SHA1 Message Date
3dc01ec85d fix: language widget poisition without border css (#1188) 2022-10-06 17:26:12 +08:00
a7324f1da1 Improve className 2022-10-03 22:45:36 +08:00
4 changed files with 5 additions and 5 deletions

View File

@ -65,7 +65,7 @@
right: 0;
}
.language_box {
.language-box {
background: url("@{StaticBaseUrl}/img/muti_language.svg");
background-size: 25px, 25px;
background-position: center;
@ -94,7 +94,7 @@
align-items: stretch;
}
.login-content{
.login-content {
display: flex;
flex-direction: row;
justify-content: center;

View File

@ -49,7 +49,7 @@ class SelectLanguageBox extends React.Component {
return (
<Dropdown overlay={menu} >
<div className="language_box" id={this.props.id} style={this.props.style} />
<div className="language-box" id={this.props.id} style={this.props.style} />
</Dropdown>
);
}

View File

@ -703,7 +703,7 @@ class LoginPage extends React.Component {
<Col span={8} offset={application.formOffset === 0 || Setting.inIframe() || Setting.isMobile() ? 8 : application.formOffset} style={{display: "flex", justifyContent: "center"}}>
<div className="login-content">
<div style={{marginTop: "80px", marginBottom: "50px", textAlign: "center", ...formStyle}}>
<SelectLanguageBox id="language-box-corner" style={{top: "80px", right: "5px"}} />
<SelectLanguageBox id="language-box-corner" style={{top: formStyle !== null ? "80px" : "45px", right: formStyle !== null ? "5px" : "-45px"}} />
<div>
{
Setting.renderHelmet(application)

View File

@ -625,7 +625,7 @@ class SignupPage extends React.Component {
<Col span={8} offset={application.formOffset === 0 || Setting.inIframe() || Setting.isMobile() ? 8 : application.formOffset} style={{display: "flex", justifyContent: "center"}} >
<div className="login-content">
<div style={{marginBottom: "10px", textAlign: "center", ...formStyle}}>
<SelectLanguageBox id="language-box-corner" style={{top: "3px", right: "5px"}} />
<SelectLanguageBox id="language-box-corner" style={{top: formStyle !== null ? "3px" : "-20px", right: formStyle !== null ? "5px" : "-45px"}} />
{
Setting.renderHelmet(application)
}