Update public/index.html
Browse files- public/index.html +4 -39
public/index.html
CHANGED
|
@@ -353,7 +353,6 @@
|
|
| 353 |
border: 1px solid var(--card-border);
|
| 354 |
width: 300px;
|
| 355 |
text-align: center;
|
| 356 |
-
position: relative; /* 确保关闭按钮可以相对定位 */
|
| 357 |
}
|
| 358 |
.login-box h2, .confirm-box h2 {
|
| 359 |
margin-bottom: 20px;
|
|
@@ -558,33 +557,6 @@
|
|
| 558 |
color: var(--text-color);
|
| 559 |
user-select: none;
|
| 560 |
}
|
| 561 |
-
/* 登录和确认弹窗关闭按钮样式 */
|
| 562 |
-
.close-button {
|
| 563 |
-
position: absolute;
|
| 564 |
-
top: 10px;
|
| 565 |
-
right: 10px;
|
| 566 |
-
background: var(--metric-background);
|
| 567 |
-
border: 1px solid var(--metric-border);
|
| 568 |
-
color: var(--text-color);
|
| 569 |
-
border-radius: 6px;
|
| 570 |
-
cursor: pointer;
|
| 571 |
-
display: flex;
|
| 572 |
-
align-items: center;
|
| 573 |
-
justify-content: center;
|
| 574 |
-
width: 32px;
|
| 575 |
-
height: 32px;
|
| 576 |
-
transition: background 0.2s ease, transform 0.2s ease;
|
| 577 |
-
padding: 0;
|
| 578 |
-
}
|
| 579 |
-
.close-button:hover {
|
| 580 |
-
background: var(--metric-hover);
|
| 581 |
-
transform: scale(1.05);
|
| 582 |
-
}
|
| 583 |
-
.close-button svg {
|
| 584 |
-
width: 18px;
|
| 585 |
-
height: 18px;
|
| 586 |
-
fill: currentColor;
|
| 587 |
-
}
|
| 588 |
</style>
|
| 589 |
</head>
|
| 590 |
<body>
|
|
@@ -663,26 +635,19 @@
|
|
| 663 |
<!-- 登录弹窗 -->
|
| 664 |
<div id="loginOverlay" class="login-overlay">
|
| 665 |
<div class="login-box">
|
| 666 |
-
<button class="close-button" onclick="hideLoginForm()">
|
| 667 |
-
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
|
| 668 |
-
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
|
| 669 |
-
</svg>
|
| 670 |
-
</button>
|
| 671 |
<h2>登录</h2>
|
| 672 |
<input type="text" id="username" placeholder="用户名">
|
| 673 |
<input type="password" id="password" placeholder="密码">
|
| 674 |
-
<
|
|
|
|
|
|
|
|
|
|
| 675 |
<div id="loginError" class="login-error" style="display: none;"></div>
|
| 676 |
</div>
|
| 677 |
</div>
|
| 678 |
<!-- 确认弹窗 -->
|
| 679 |
<div id="confirmOverlay" class="confirm-overlay">
|
| 680 |
<div class="confirm-box">
|
| 681 |
-
<button class="close-button" onclick="cancelAction()">
|
| 682 |
-
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
|
| 683 |
-
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
|
| 684 |
-
</svg>
|
| 685 |
-
</button>
|
| 686 |
<h2 id="confirmTitle">确认操作</h2>
|
| 687 |
<p id="confirmMessage" style="margin-bottom: 20px; color: var(--text-color);"></p>
|
| 688 |
<button onclick="confirmAction()">确认</button>
|
|
|
|
| 353 |
border: 1px solid var(--card-border);
|
| 354 |
width: 300px;
|
| 355 |
text-align: center;
|
|
|
|
| 356 |
}
|
| 357 |
.login-box h2, .confirm-box h2 {
|
| 358 |
margin-bottom: 20px;
|
|
|
|
| 557 |
color: var(--text-color);
|
| 558 |
user-select: none;
|
| 559 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 560 |
</style>
|
| 561 |
</head>
|
| 562 |
<body>
|
|
|
|
| 635 |
<!-- 登录弹窗 -->
|
| 636 |
<div id="loginOverlay" class="login-overlay">
|
| 637 |
<div class="login-box">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 638 |
<h2>登录</h2>
|
| 639 |
<input type="text" id="username" placeholder="用户名">
|
| 640 |
<input type="password" id="password" placeholder="密码">
|
| 641 |
+
<div style="display: flex; justify-content: center; gap: 10px; margin-top: 20px;">
|
| 642 |
+
<button onclick="login()">登录</button>
|
| 643 |
+
<button onclick="hideLoginForm()">取消</button>
|
| 644 |
+
</div>
|
| 645 |
<div id="loginError" class="login-error" style="display: none;"></div>
|
| 646 |
</div>
|
| 647 |
</div>
|
| 648 |
<!-- 确认弹窗 -->
|
| 649 |
<div id="confirmOverlay" class="confirm-overlay">
|
| 650 |
<div class="confirm-box">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 651 |
<h2 id="confirmTitle">确认操作</h2>
|
| 652 |
<p id="confirmMessage" style="margin-bottom: 20px; color: var(--text-color);"></p>
|
| 653 |
<button onclick="confirmAction()">确认</button>
|