mirrors/etherpad-lite
1
0
Fork 0
mirror of https://github.com/ether/etherpad-lite.git synced 2025-04-24 09:26:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 25

修改登录页面中文，后台界面菜单宽度

Browse source
This commit is contained in:
xdragon 2024-09-05 12:05:14 +08:00
parent 0adb6085e3
commit 1efa72c403
3 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

2
admin/src/App.tsx
View file

@ -91,7 +91,7 @@ export const App = ()=> {
<div className="inner-menu"> <div className="inner-menu">
<span> <span>
<Crown width={40} height={40}/> <Crown width={40} height={40}/>
<h1>Etherpad</h1> <h5>Etherpad</h5>
</span> </span>
<ul> <ul>
<li><NavLink to="/plugins"><Cable/><Trans i18nKey="admin_plugins"/></NavLink></li> <li><NavLink to="/plugins"><Cable/><Trans i18nKey="admin_plugins"/></NavLink></li>

6
admin/src/index.css
View file

@ -34,8 +34,8 @@ div.menu {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
max-width: 20%; max-width: 15%;
min-width: 20%; min-width: 10%;
} }
.icon-button{ .icon-button{
@ -422,7 +422,7 @@ pre {
margin: 0; margin: 0;
text-align: center; text-align: center;
color: var(--etherpad-color); color: var(--etherpad-color);
font-size: 4rem; font-size: 2rem;
font-weight: 1000; font-weight: 1000;
} }

14
admin/src/pages/LoginScreen.tsx
View file

@ -27,7 +27,7 @@ export const LoginScreen = ()=>{
if(!r.ok) { if(!r.ok) {
useStore.getState().setToastState({ useStore.getState().setToastState({
open: true, open: true,
title: "Login failed", title: "登录失败",
success: false success: false
}) })
} else { } else {
@ -40,21 +40,21 @@ export const LoginScreen = ()=>{
return <div className="login-background login-page"> return <div className="login-background login-page">
<div className="login-box login-form"> <div className="login-box login-form">
<h1 className="login-title">Etherpad</h1> <h6 className="login-title">管理后台</h6>
<form className="login-inner-box input-control" onSubmit={handleSubmit(login)}> <form className="login-inner-box input-control" onSubmit={handleSubmit(login)}>
<div>Username</div> {/* <div>用户名称</div> */}
<input {...register('username', { <input {...register('username', {
required: true required: true
})} className="login-textinput input-control" type="text" placeholder="Username"/> })} className="login-textinput input-control" type="text" placeholder="请输入登录名称"/>
<div>Password</div> {/* <div>用户密码</div> */}
<span className="icon-input"> <span className="icon-input">
<input {...register('password', { <input {...register('password', {
required: true required: true
})} className="login-textinput" type={passwordVisible?"text":"password"} placeholder="Password"/> })} className="login-textinput" type={passwordVisible?"text":"password"} placeholder="请输入登录密码"/>
{passwordVisible? <Eye onClick={()=>setPasswordVisible(!passwordVisible)}/> : {passwordVisible? <Eye onClick={()=>setPasswordVisible(!passwordVisible)}/> :
<EyeOff onClick={()=>setPasswordVisible(!passwordVisible)}/>} <EyeOff onClick={()=>setPasswordVisible(!passwordVisible)}/>}
</span> </span>
<input type="submit" value="Login" className="login-button"/> <input type="submit" value="系统登录" className="login-button"/>
</form> </form>
</div> </div>
</div> </div>