fix: invoice details action bar divider

This commit is contained in:
Ahmed Bouhuolia
2025-10-21 00:33:58 +02:00
parent 0477133cda
commit 9d714ac78e
3 changed files with 12 additions and 9 deletions

View File

@@ -1,14 +1,17 @@
.root { .root {
--x-color-content-primary-border: #e2e2e2;
:global(.bp4-dark) & {
--x-color-content-primary-border: rgba(255, 255, 255, 0.25);
}
&_content { &_content {
&_primary { &_primary {
padding-bottom: 15px; padding-bottom: 15px;
border-bottom: 1px solid #e2e2e2; border-bottom: 1px solid var(--x-color-content-primary-border);
} }
} }
:global .card { :global(.card) {
margin: 15px; margin: 15px;
padding: 18px; padding: 18px;
} }

View File

@@ -135,8 +135,8 @@ function InvoiceDetailActionsBar({
text={<T id={'add_payment'} />} text={<T id={'add_payment'} />}
onClick={handleQuickPaymentInvoice} onClick={handleQuickPaymentInvoice}
/> />
</If>
<NavbarDivider /> <NavbarDivider />
</If>
</Can> </Can>
<Can I={SaleInvoiceAction.View} a={AbilitySubject.Invoice}> <Can I={SaleInvoiceAction.View} a={AbilitySubject.Invoice}>
<Button <Button

View File

@@ -1,15 +1,15 @@
.root { .root {
--x-color-content-primary-border: #e2e2e2;
:global(.bp4-dark) & {
--x-color-content-primary-border: rgba(255, 255, 255, 0.25);
}
&_content { &_content {
&_primary { &_primary {
padding-bottom: 15px; padding-bottom: 15px;
border-bottom: 1px solid #e2e2e2; border-bottom: 1px solid var(--x-color-content-primary-border);
} }
} }
:global .card { :global .card {
margin: 15px; margin: 15px;
padding: 18px; padding: 18px;