feat(FN-2873): align settings header refresh action
- Move the check-for-updates refresh button into the settings header actions group for consistent placement - Keep update check behavior unchanged, including loading state, disabled state, and aria labeling - Set the refresh icon size explicitly to match surrounding header controls - Simplify mobile CSS by removing obsolete settings-update-check wrap overrides
This commit is contained in:
@@ -14,7 +14,8 @@
|
||||
/* Keep the GitHub Star and Help buttons at matching heights regardless of
|
||||
their differing icon sizes (provider icon 16px vs. HelpCircle 13px). */
|
||||
.settings-header-actions > .settings-github-star-btn,
|
||||
.settings-header-actions > .btn {
|
||||
.settings-header-actions > .btn,
|
||||
.settings-header-actions > .settings-update-btn {
|
||||
height: 26px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@@ -957,11 +958,6 @@
|
||||
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.settings-update-check {
|
||||
flex-wrap: wrap;
|
||||
row-gap: var(--space-xs);
|
||||
}
|
||||
|
||||
/* Settings modal: use the section picker as the only mobile navigation */
|
||||
.settings-layout {
|
||||
flex-direction: column;
|
||||
|
||||
@@ -4465,18 +4465,6 @@ export function SettingsModal({
|
||||
<h3>Settings</h3>
|
||||
<div className="settings-update-check">
|
||||
{appVersion && <p className="settings-modal-version">Version {appVersion}</p>}
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-icon btn-sm settings-update-btn"
|
||||
onClick={() => {
|
||||
void handleCheckForUpdates();
|
||||
}}
|
||||
disabled={updateCheckLoading}
|
||||
aria-label="Check for updates"
|
||||
title="Check for updates"
|
||||
>
|
||||
<RefreshCw className={updateCheckLoading ? "spinning" : undefined} />
|
||||
</button>
|
||||
{updateCheckResult && (
|
||||
<span
|
||||
aria-live="polite"
|
||||
@@ -4494,6 +4482,18 @@ export function SettingsModal({
|
||||
</div>
|
||||
</div>
|
||||
<div className="settings-header-actions">
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-icon btn-sm settings-update-btn"
|
||||
onClick={() => {
|
||||
void handleCheckForUpdates();
|
||||
}}
|
||||
disabled={updateCheckLoading}
|
||||
aria-label="Check for updates"
|
||||
title="Check for updates"
|
||||
>
|
||||
<RefreshCw size={14} className={updateCheckLoading ? "spinning" : undefined} />
|
||||
</button>
|
||||
{form.showGitHubStarButton !== false && (
|
||||
<a
|
||||
href="https://github.com/Runfusion/Fusion"
|
||||
|
||||
Reference in New Issue
Block a user