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

wip

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2025-09-07 23:47:07 +02:00
parent 3537de765d
commit dd941f1f45
30 changed files with 539 additions and 380 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
packages/webapp/src/components/PageForm/PageForm.tsx
View File

@@ -37,6 +37,30 @@ const PageFormBody: FC<{ children: React.ReactNode } & SystemProps> = ({
};
PageFormBody.displayName = 'PageFormBody';
const PageFormHeader: FC<GroupProps> = ({ className, ...props }) => {
return (
<Group
position="apart"
align={'flex-start'}
p="25px 32px"
{...props}
className={clsx(css(pageFormHeaderStyle), className)}
/>
);
};
const pageFormHeaderStyle = `
--color-invoice-form-header-background: #fff;
--color-invoice-form-header-border: #d2dce2;
.bp4-dark & {
--color-invoice-form-header-background: var(--color-dark-gray1);
--color-invoice-form-header-border: rgba(255, 255, 255, 0.1);
}
border-bottom: 1px solid var(--color-invoice-form-header-border);
background-color: var(--color-invoice-form-header-background);
`;
/**
* Page form footer.
* @returns {React.ReactNode}
@@ -98,3 +122,4 @@ PageFormFooterActions.displayName = 'PageFormFooterActions';
PageForm.Body = PageFormBody;
PageForm.Footer = PageFormFooter;
PageForm.FooterActions = PageFormFooterActions;
PageForm.Header = PageFormHeader;