fix: 将主题按钮移到body直接子元素位置
- 按钮从 container 内部移到 body 直接子元素 - 使用 .theme-toggle 选择器替代 .container > .theme-toggle - 彻底解决按钮闪烁问题 - 更新 CSS 版本号
This commit is contained in:
@@ -255,8 +255,8 @@ h1 {
|
||||
}
|
||||
}
|
||||
|
||||
/* 主题切换按钮 - 独立版本(欢迎页面) */
|
||||
.container > .theme-toggle {
|
||||
/* 主题切换按钮 - 独立版本(body直接子元素) */
|
||||
.theme-toggle {
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
@@ -280,12 +280,12 @@ h1 {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.container > .theme-toggle:hover {
|
||||
.theme-toggle:hover {
|
||||
transform: rotate(20deg) scale(1.1);
|
||||
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.container > .theme-toggle:active {
|
||||
.theme-toggle:active {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user