Update public/index.html
Browse files- public/index.html +17 -7
public/index.html
CHANGED
|
@@ -565,21 +565,23 @@
|
|
| 565 |
right: 10px;
|
| 566 |
background: none;
|
| 567 |
border: none;
|
| 568 |
-
color: var(--text-color);
|
| 569 |
-
font-size: 20px;
|
| 570 |
cursor: pointer;
|
| 571 |
-
transition:
|
| 572 |
-
padding:
|
| 573 |
width: 24px;
|
| 574 |
height: 24px;
|
|
|
|
| 575 |
display: flex;
|
| 576 |
align-items: center;
|
| 577 |
justify-content: center;
|
| 578 |
}
|
| 579 |
.close-button:hover {
|
| 580 |
-
|
| 581 |
transform: scale(1.1);
|
| 582 |
}
|
|
|
|
|
|
|
|
|
|
| 583 |
</style>
|
| 584 |
</head>
|
| 585 |
<body>
|
|
@@ -658,7 +660,11 @@
|
|
| 658 |
<!-- 登录弹窗 -->
|
| 659 |
<div id="loginOverlay" class="login-overlay">
|
| 660 |
<div class="login-box">
|
| 661 |
-
<button class="close-button" onclick="hideLoginForm()"
|
|
|
|
|
|
|
|
|
|
|
|
|
| 662 |
<h2>登录</h2>
|
| 663 |
<input type="text" id="username" placeholder="用户名">
|
| 664 |
<input type="password" id="password" placeholder="密码">
|
|
@@ -669,7 +675,11 @@
|
|
| 669 |
<!-- 确认弹窗 -->
|
| 670 |
<div id="confirmOverlay" class="confirm-overlay">
|
| 671 |
<div class="confirm-box">
|
| 672 |
-
<button class="close-button" onclick="cancelAction()"
|
|
|
|
|
|
|
|
|
|
|
|
|
| 673 |
<h2 id="confirmTitle">确认操作</h2>
|
| 674 |
<p id="confirmMessage" style="margin-bottom: 20px; color: var(--text-color);"></p>
|
| 675 |
<button onclick="confirmAction()">确认</button>
|
|
|
|
| 565 |
right: 10px;
|
| 566 |
background: none;
|
| 567 |
border: none;
|
|
|
|
|
|
|
| 568 |
cursor: pointer;
|
| 569 |
+
transition: background 0.2s ease, transform 0.2s ease;
|
| 570 |
+
padding: 4px;
|
| 571 |
width: 24px;
|
| 572 |
height: 24px;
|
| 573 |
+
border-radius: 50%;
|
| 574 |
display: flex;
|
| 575 |
align-items: center;
|
| 576 |
justify-content: center;
|
| 577 |
}
|
| 578 |
.close-button:hover {
|
| 579 |
+
background: var(--metric-hover);
|
| 580 |
transform: scale(1.1);
|
| 581 |
}
|
| 582 |
+
.close-button svg {
|
| 583 |
+
fill: var(--text-color);
|
| 584 |
+
}
|
| 585 |
</style>
|
| 586 |
</head>
|
| 587 |
<body>
|
|
|
|
| 660 |
<!-- 登录弹窗 -->
|
| 661 |
<div id="loginOverlay" class="login-overlay">
|
| 662 |
<div class="login-box">
|
| 663 |
+
<button class="close-button" onclick="hideLoginForm()">
|
| 664 |
+
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
|
| 665 |
+
<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"/>
|
| 666 |
+
</svg>
|
| 667 |
+
</button>
|
| 668 |
<h2>登录</h2>
|
| 669 |
<input type="text" id="username" placeholder="用户名">
|
| 670 |
<input type="password" id="password" placeholder="密码">
|
|
|
|
| 675 |
<!-- 确认弹窗 -->
|
| 676 |
<div id="confirmOverlay" class="confirm-overlay">
|
| 677 |
<div class="confirm-box">
|
| 678 |
+
<button class="close-button" onclick="cancelAction()">
|
| 679 |
+
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
|
| 680 |
+
<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"/>
|
| 681 |
+
</svg>
|
| 682 |
+
</button>
|
| 683 |
<h2 id="confirmTitle">确认操作</h2>
|
| 684 |
<p id="confirmMessage" style="margin-bottom: 20px; color: var(--text-color);"></p>
|
| 685 |
<button onclick="confirmAction()">确认</button>
|