refactor(BillingCard): wrap action buttons in a button group for improved layout and accessibility
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m55s

This commit is contained in:
2026-02-17 12:14:06 +07:00
parent 7cd33384b7
commit 49b62fbfb5
@@ -168,6 +168,7 @@ export default function BillingCard({
{/* Правая часть: действия */} {/* Правая часть: действия */}
<div className="d-flex align-items-center gap-2 px-3 border-start"> <div className="d-flex align-items-center gap-2 px-3 border-start">
<div className="btn-group btn-group-sm" role="group" aria-label="Действия с записью биллинга">
<button <button
className="btn btn-outline-success" className="btn btn-outline-success"
title="Записать платёж" title="Записать платёж"
@@ -191,6 +192,7 @@ export default function BillingCard({
> >
<IconTrash size={16} /> <IconTrash size={16} />
</button> </button>
</div>
<button <button
className="btn btn-ghost-secondary btn-icon ms-1" className="btn btn-ghost-secondary btn-icon ms-1"
onClick={(e) => { e.stopPropagation(); setExpanded(!expanded); }} onClick={(e) => { e.stopPropagation(); setExpanded(!expanded); }}