yunxiafei/my_one_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 主题按钮添加内联样式防止加载闪烁

Browse Source 
- 给主题切换按钮添加 position:fixed;top:20px;right:20px 内联样式
- 解决 CSS 加载延迟导致按钮位置闪烁的问题
- welcome.html 不需要修改（按钮在导航栏内）
This commit is contained in:
小白
2026-03-12 11:17:40 +08:00
parent c9e70a7317
commit e4b5e96fd1
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/index.html
View File

@@ -8,7 +8,7 @@
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<button class="theme-toggle" aria-label="切换主题">🌙</button> <button class="theme-toggle" style="position:fixed;top:20px;right:20px;" aria-label="切换主题">🌙</button>
<div class="avatar"> <div class="avatar">
<span class="sparkle">👋</span> <span class="sparkle">👋</span>
</div> </div>

2
templates/login.html
View File

@@ -8,7 +8,7 @@
</head> </head>
<body> <body>
<div class="container auth-container"> <div class="container auth-container">
<button class="theme-toggle" aria-label="切换主题">🌙</button> <button class="theme-toggle" style="position:fixed;top:20px;right:20px;" aria-label="切换主题">🌙</button>
<div class="avatar"> <div class="avatar">
<span>🔐</span> <span>🔐</span>
</div> </div>

2
templates/register.html
View File

@@ -8,7 +8,7 @@
</head> </head>
<body> <body>
<div class="container auth-container"> <div class="container auth-container">
<button class="theme-toggle" aria-label="切换主题">🌙</button> <button class="theme-toggle" style="position:fixed;top:20px;right:20px;" aria-label="切换主题">🌙</button>
<div class="avatar"> <div class="avatar">
<span>📝</span> <span>📝</span>
</div> </div>