tz/ERP
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改登录界面样式

Browse Source
This commit is contained in:
zzh 2025-11-22 20:54:39 +08:00
parent 48737b892e
commit 9ac36d7a41
2 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/assets/styles.css
View File

@ -53,6 +53,11 @@ body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui
.input,select{background:#0c0f14;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px}
.input:focus,select:focus{outline:1px solid var(--primary)}
[data-theme="light"] .input,[data-theme="light"] select{background:#ffffff;color:var(--text)}
/* Input with prefix icon */
.input-wrapper{position:relative;display:flex;align-items:center}
.input-wrapper .input-prefix{position:absolute;left:12px;color:var(--text-2);font-size:16px;pointer-events:none;display:flex;align-items:center}
.input-wrapper .input{padding-left:40px}
.input-wrapper .input:focus + .input-prefix,.input-wrapper .input:focus ~ .input-prefix{color:var(--primary)}
/* Date input styling */
input[type="date"]{color-scheme:dark}
input[type="date"]::-webkit-calendar-picker-indicator{

18
frontend/js/components/login.js
View File

@ -16,9 +16,21 @@ Router.register('/login', async () => {
}, 0);
return `<div class="grid cols-2">
<div class="card">
<div style="font-weight:600;margin-bottom:8px">管理员登录</div>
<div class="field"><label>用户名</label><input id="login-username" class="input" /></div>
<div class="field"><label>密码</label><input id="login-password" type="password" class="input" /></div>
<div style="font-weight:600;margin-bottom:16px;font-size:18px">管理员登录</div>
<div class="field">
<label>用户名</label>
<div class="input-wrapper">
<input id="login-username" class="input" placeholder="请输入用户名" />
<span class="input-prefix">👤</span>
</div>
</div>
<div class="field">
<label>密码</label>
<div class="input-wrapper">
<input id="login-password" type="password" class="input" placeholder="请输入密码" />
<span class="input-prefix">🔒</span>
</div>
</div>
<div class="actions"><button id="login-btn" class="btn">登录</button></div>
</div>
</div>`;