denozord/router-lists-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(BillingManager): update button groups and styling for improved layout and user interaction
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m53s
Details

Browse Source
This commit is contained in:
denozord
2026-02-16 21:55:43 +07:00
parent 915304f800
commit f13b532f1a
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/BillingManager.jsx
+9 -9
View File
@@ -710,7 +710,7 @@ function BillingManager() {
</div> </div>
{/* Быстрые фильтры */} {/* Быстрые фильтры */}
<div className="btn-group btn-group-sm" role="group"> <div className="btn-group" role="group">
<button <button
className={`btn ${filterUrgency === '' ? 'btn-outline-primary active' : 'btn-outline-secondary'}`} className={`btn ${filterUrgency === '' ? 'btn-outline-primary active' : 'btn-outline-secondary'}`}
onClick={() => { setFilterUrgency(''); setCurrentPage(1); }} onClick={() => { setFilterUrgency(''); setCurrentPage(1); }}
@@ -732,7 +732,7 @@ function BillingManager() {
</div> </div>
{/* Переключатель вида */} {/* Переключатель вида */}
<div className="btn-group btn-group-sm" role="group"> <div className="btn-group" role="group">
<button <button
className={`btn ${viewMode === 'cards' ? 'btn-outline-primary active' : 'btn-outline-secondary'}`} className={`btn ${viewMode === 'cards' ? 'btn-outline-primary active' : 'btn-outline-secondary'}`}
onClick={() => setViewMode('cards')} onClick={() => setViewMode('cards')}
@@ -750,8 +750,8 @@ function BillingManager() {
</div> </div>
<div className="card-actions"> <div className="card-actions">
<button className="btn btn-primary btn-sm" onClick={handleAddItem}> <button className="btn btn-primary" onClick={handleAddItem}>
<IconPlus size={16} className="me-1" /> <IconPlus size={18} className="me-1" />
Добавить Добавить
</button> </button>
</div> </div>
@@ -904,10 +904,10 @@ function BillingManager() {
<span className="badge bg-secondary-lt text-secondary">Неактивен</span> <span className="badge bg-secondary-lt text-secondary">Неактивен</span>
)} )}
</td> </td>
<td> <td className="text-end">
<div className="btn-list gap-1 justify-content-end flex-nowrap"> <div className="btn-group" role="group">
<button <button
className="btn btn-outline-success btn-sm" className="btn btn-outline-success"
onClick={() => { onClick={() => {
setPaymentDraft({ setPaymentDraft({
serverId: item.id, serverId: item.id,
@@ -924,14 +924,14 @@ function BillingManager() {
Оплата Оплата
</button> </button>
<button <button
className="btn btn-outline-secondary btn-sm" className="btn btn-outline-secondary"
onClick={() => handleEditItem(item)} onClick={() => handleEditItem(item)}
title="Редактировать" title="Редактировать"
> >
<IconEdit size={14} /> <IconEdit size={14} />
</button> </button>
<button <button
className="btn btn-outline-danger btn-sm" className="btn btn-outline-danger"
onClick={() => handleDeleteItem(item)} onClick={() => handleDeleteItem(item)}
title="Удалить" title="Удалить"
> >