refactor(ServerManager): enhance actions layout and button styling for improved user experience and interaction
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m58s

This commit is contained in:
2026-02-16 22:28:47 +07:00
parent f2c3562000
commit 0935eacd3f
+23 -24
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,34 +612,33 @@ function ServerManager() {
onSave={handleSaveChanges}
disableSave={loading}
/>
<div className="mt-2 d-flex flex-wrap gap-2 justify-content-end">
<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>
<span className="vr d-none d-md-inline align-self-center" style={{ minHeight: '1.5rem' }} />
<div className="btn-group" role="group" aria-label="Переключение режимов">
<button
className={`btn ${activeTab === 'servers' ? 'btn-primary' : 'btn-outline-primary'}`}
onClick={() => setActiveTab('servers')}
type="button"
className="btn btn-primary"
onClick={handleOpenAddServerModal}
>
<IconPlus size={16} className="me-1" /> Добавить
<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
type="button"
className="btn btn-primary"
onClick={handleOpenAddServerModal}
>
<IconPlus size={16} className="me-1" /> Добавить
</button>
</div>
}
/>