Update public/index.html
Browse files- public/index.html +15 -12
public/index.html
CHANGED
@@ -558,29 +558,32 @@
|
|
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:
|
567 |
-
border:
|
|
|
|
|
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.
|
581 |
}
|
582 |
.close-button svg {
|
583 |
-
|
|
|
|
|
584 |
}
|
585 |
</style>
|
586 |
</head>
|
@@ -661,7 +664,7 @@
|
|
661 |
<div id="loginOverlay" class="login-overlay">
|
662 |
<div class="login-box">
|
663 |
<button class="close-button" onclick="hideLoginForm()">
|
664 |
-
<svg width="
|
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>
|
@@ -676,7 +679,7 @@
|
|
676 |
<div id="confirmOverlay" class="confirm-overlay">
|
677 |
<div class="confirm-box">
|
678 |
<button class="close-button" onclick="cancelAction()">
|
679 |
-
<svg width="
|
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>
|
|
|
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>
|
|
|
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>
|
|
|
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>
|