QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-18 13:50:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: wip invoice mail receipt preview

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2024-10-22 14:00:36 +02:00
parent b7f316d25a
commit c0481f67ad
10 changed files with 76 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceMailReceipt.tsx
View File

@@ -1,6 +1,7 @@
import { Button, Intent } from '@blueprintjs/core';
import { css } from '@emotion/css';
import { x } from '@xstyled/emotion';
import { lighten } from 'polished';
import { Group, Stack, StackProps } from '@/components';
export interface InvoiceMailReceiptProps extends StackProps {
@@ -9,7 +10,7 @@ export interface InvoiceMailReceiptProps extends StackProps {
companyLogoUri?: string;
// # Colors
primaryColor?: string,
primaryColor?: string;
// # Due date
dueDate: string;
@@ -45,7 +46,7 @@ export function InvoiceMailReceipt({
companyLogoUri,
// # Colors
primaryColor,
primaryColor = 'rgb(0, 82, 204)',
// Due date
dueDate,
@@ -126,8 +127,13 @@ export function InvoiceMailReceipt({
large
intent={Intent.PRIMARY}
className={css`
&.bp4-intent-primary{
&.bp4-intent-primary {
background-color: ${primaryColor};
&:hover,
&:focus {
background-color: ${lighten(0.1, primaryColor)};
}
}
&.bp4-large {
min-height: 38px;