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
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m58s
This commit is contained in:
@@ -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>
|
||||
}
|
||||
/>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user