i0110 commited on
Commit
c0dfa94
·
verified ·
1 Parent(s): 2ede23e

Update public/index.html

Browse files
Files changed (1) hide show
  1. 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>