Update public/index.html
Browse files- public/index.html +25 -0
public/index.html
CHANGED
@@ -353,6 +353,7 @@
|
|
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,6 +558,28 @@
|
|
557 |
color: var(--text-color);
|
558 |
user-select: none;
|
559 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
560 |
</style>
|
561 |
</head>
|
562 |
<body>
|
@@ -635,6 +658,7 @@
|
|
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="密码">
|
@@ -645,6 +669,7 @@
|
|
645 |
<!-- 确认弹窗 -->
|
646 |
<div id="confirmOverlay" class="confirm-overlay">
|
647 |
<div class="confirm-box">
|
|
|
648 |
<h2 id="confirmTitle">确认操作</h2>
|
649 |
<p id="confirmMessage" style="margin-bottom: 20px; color: var(--text-color);"></p>
|
650 |
<button onclick="confirmAction()">确认</button>
|
|
|
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 |
color: var(--text-color);
|
559 |
user-select: none;
|
560 |
}
|
561 |
+
/* 登录弹窗关闭按钮样式 */
|
562 |
+
.close-button {
|
563 |
+
position: absolute;
|
564 |
+
top: 10px;
|
565 |
+
right: 10px;
|
566 |
+
background: none;
|
567 |
+
border: none;
|
568 |
+
color: var(--text-color);
|
569 |
+
font-size: 20px;
|
570 |
+
cursor: pointer;
|
571 |
+
transition: color 0.2s ease, transform 0.2s ease;
|
572 |
+
padding: 0;
|
573 |
+
width: 24px;
|
574 |
+
height: 24px;
|
575 |
+
display: flex;
|
576 |
+
align-items: center;
|
577 |
+
justify-content: center;
|
578 |
+
}
|
579 |
+
.close-button:hover {
|
580 |
+
color: var(--secondary-text);
|
581 |
+
transform: scale(1.1);
|
582 |
+
}
|
583 |
</style>
|
584 |
</head>
|
585 |
<body>
|
|
|
658 |
<!-- 登录弹窗 -->
|
659 |
<div id="loginOverlay" class="login-overlay">
|
660 |
<div class="login-box">
|
661 |
+
<button class="close-button" onclick="hideLoginForm()">×</button>
|
662 |
<h2>登录</h2>
|
663 |
<input type="text" id="username" placeholder="用户名">
|
664 |
<input type="password" id="password" placeholder="密码">
|
|
|
669 |
<!-- 确认弹窗 -->
|
670 |
<div id="confirmOverlay" class="confirm-overlay">
|
671 |
<div class="confirm-box">
|
672 |
+
<button class="close-button" onclick="cancelAction()">×</button>
|
673 |
<h2 id="confirmTitle">确认操作</h2>
|
674 |
<p id="confirmMessage" style="margin-bottom: 20px; color: var(--text-color);"></p>
|
675 |
<button onclick="confirmAction()">确认</button>
|