refactor: update button styles and layout in MainLayout for improved UI consistency and accessibility

This commit is contained in:
Supra4E8C
2025-12-09 01:05:56 +08:00
parent e417d3c771
commit 2ca662e971

View File

@@ -168,18 +168,18 @@ export function MainLayout() {
</div> </div>
</div> </div>
<div style={{ display: 'flex', alignItems: 'center', gap: 8 }}> <div style={{ display: 'flex', alignItems: 'center', gap: 4 }}>
<Button variant="secondary" size="sm" onClick={handleRefreshAll}> <Button variant="ghost" size="sm" onClick={handleRefreshAll} title={t('header.refresh_all')}>
{t('header.refresh_all')}
</Button> </Button>
<Button variant="ghost" size="sm" onClick={handleVersionCheck} loading={checkingVersion}> <Button variant="ghost" size="sm" onClick={handleVersionCheck} loading={checkingVersion} title={t('system_info.version_check_button')}>
{t('system_info.version_check_button')}
</Button> </Button>
<Button variant="ghost" size="sm" onClick={toggleLanguage}> <Button variant="ghost" size="sm" onClick={toggleLanguage} title={t('language.switch')}>
{t('language.switch')}: {language === 'zh-CN' ? t('language.chinese') : t('language.english')} {language === 'zh-CN' ? '中' : 'En'}
</Button> </Button>
<Button variant="ghost" size="sm" onClick={toggleTheme}> <Button variant="ghost" size="sm" onClick={toggleTheme} title={t('theme.switch')}>
{t('theme.switch')}: {theme === 'dark' ? t('theme.dark') : t('theme.light')} {theme === 'dark' ? '☀' : '☾'}
</Button> </Button>
</div> </div>
</header> </header>