File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 3131 margin-bottom : 15px ;
3232 }
3333
34- /* 状态卡:当前语言醒目展示 */
34+ /* 状态卡:当前语言醒目展示,重置按钮内嵌同行 */
3535 .status-card {
36- padding : 10px 12px ;
36+ display : flex;
37+ align-items : center;
38+ justify-content : space-between;
39+ gap : 8px ;
40+ padding : 8px 10px 8px 12px ;
3741 border : 1px solid var (--bs-border-color );
3842 border-radius : 8px ;
3943 background-color : var (--bs-tertiary-bg );
4044 margin-bottom : 12px ;
45+ }
46+
47+ .status-card # statusText {
48+ flex : 1 ;
4149 text-align : center;
4250 }
4351
191199 background-image : radial-gradient (circle at 50% 0 , # f5f5f5, # c4c4c4 );
192200 }
193201
194- /* 重置按钮位置:与主题按钮同行并列 */
202+ /* 重置按钮内嵌状态卡右侧(覆盖 .toggle 的角落绝对定位) */
195203 # resetBtn {
196- position : absolute;
197- top : 5px ;
198- right : 38px ;
204+ position : static;
205+ flex-shrink : 0 ;
206+ width : 24px ;
207+ height : 24px ;
208+ font-size : 0.8rem ;
199209 }
200210
201211 /* 更新检查按钮基础样式 - 独特的淡紫色调 */
454464< body class ="popup-body ">
455465 <!-- 主题切换按钮 -->
456466 < button id ="themeToggleBtn " class ="toggle " data-i18n-title ="theme_toggle "> </ button >
457- <!-- 重置Accept-Language按钮 -->
458- < button id ="resetBtn " class ="toggle " data-i18n-title ="reset_accept_language_tooltip "> < img src ="images/reset.svg " id ="resetBtnImg " width ="16 " height ="16 "
459- class ="invert-on-dark " data-i18n-alt ="reset_accept_language_tooltip "> </ button >
460467
461468 < div class ="container ">
462469 <!-- 页面头部 -->
@@ -465,9 +472,12 @@ <h4 id="extensionName" data-i18n="extension_name"></h4>
465472 < p class ="text-muted mb-0 " id ="extensionSubtitle " data-i18n ="subtitle "> </ p >
466473 </ div >
467474
468- <!-- 当前状态卡:当前语言一目了然 -->
475+ <!-- 当前状态卡:当前语言一目了然,重置按钮贴着状态 -->
469476 < div class ="status-card ">
470477 < p id ="statusText " class ="mb-0 "> </ p >
478+ <!-- 重置Accept-Language按钮 -->
479+ < button id ="resetBtn " class ="toggle " data-i18n-title ="reset_accept_language_tooltip "> < img src ="images/reset.svg " id ="resetBtnImg " width ="16 " height ="16 "
480+ class ="invert-on-dark " data-i18n-alt ="reset_accept_language_tooltip "> </ button >
471481 </ div >
472482
473483 <!-- 错误提示区域 -->
You can’t perform that action at this time.
0 commit comments