refactor(PageHeaderActions): restructure actions layout and enhance button visibility for improved user interaction
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m52s

This commit is contained in:
2026-02-16 22:45:06 +07:00
parent 0935eacd3f
commit 1f49b02ba0
4 changed files with 67 additions and 59 deletions
+24 -23
View File
@@ -602,7 +602,7 @@ function ServerManager() {
</span>
}
actions={
<div className="d-flex flex-wrap align-items-center gap-2">
<>
<PageHeaderActions
loading={loading}
onRefresh={handleRefreshAll}
@@ -612,33 +612,34 @@ function ServerManager() {
onSave={handleSaveChanges}
disableSave={loading}
/>
<span className="vr d-none d-md-inline align-self-center" style={{ minHeight: '1.5rem' }} />
<div className="btn-group" role="group" aria-label="Переключение режимов">
<div className="mt-3 d-flex flex-wrap align-items-center justify-content-end gap-2">
<div className="btn-group" role="group" aria-label="Переключение режимов">
<button
className={`btn ${activeTab === 'servers' ? 'btn-primary' : 'btn-outline-primary'}`}
onClick={() => setActiveTab('servers')}
type="button"
>
<IconServer size={16} className="me-1" />
Серверы
</button>
<button
className={`btn ${activeTab === 'connections' ? 'btn-primary' : 'btn-outline-primary'}`}
onClick={() => setActiveTab('connections')}
type="button"
>
<IconGitBranch size={16} className="me-1" />
Связи
</button>
</div>
<button
className={`btn ${activeTab === 'servers' ? 'btn-primary' : 'btn-outline-primary'}`}
onClick={() => setActiveTab('servers')}
type="button"
className="btn btn-primary"
onClick={handleOpenAddServerModal}
>
<IconServer size={16} className="me-1" />
Серверы
</button>
<button
className={`btn ${activeTab === 'connections' ? 'btn-primary' : 'btn-outline-primary'}`}
onClick={() => setActiveTab('connections')}
type="button"
>
<IconGitBranch size={16} className="me-1" />
Связи
<IconPlus size={16} className="me-1" /> Добавить
</button>
</div>
<button
type="button"
className="btn btn-primary"
onClick={handleOpenAddServerModal}
>
<IconPlus size={16} className="me-1" /> Добавить
</button>
</div>
</>
}
/>