mirror of
https://github.com/router-for-me/Cli-Proxy-API-Management-Center.git
synced 2026-02-19 03:00:49 +08:00
refactor: update button styles and layout in MainLayout for improved UI consistency and accessibility
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user