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

fix: Remove unused scss files

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2024-10-13 17:22:14 +02:00
parent e873198238
commit 152a22baa0
13 changed files with 21 additions and 332 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,7 +9,7 @@ interface PageFormProps extends SystemProps {
} }
/** /**
* * Page form layout.
* @returns {React.ReactNode} * @returns {React.ReactNode}
*/ */
export const PageForm = ({ children, ...props }: PageFormProps) => { export const PageForm = ({ children, ...props }: PageFormProps) => {
@@ -22,22 +22,23 @@ export const PageForm = ({ children, ...props }: PageFormProps) => {
PageForm.displayName = 'PageFormBody'; PageForm.displayName = 'PageFormBody';
/** /**
* * Page form body layout, by default the content body is scrollable.
* @returns {React.ReactNode} * @returns {React.ReactNode}
*/ */
const PageFormBody: FC<{ children: React.ReactNode } & SystemProps> = ({ const PageFormBody: FC<{ children: React.ReactNode } & SystemProps> = ({
children, children,
...props
}) => { }) => {
return ( return (
<x.div flex="1" overflow="auto"> <x.div flex="1" overflow="auto" {...props}>
{children}{' '} {children}
</x.div> </x.div>
); );
}; };
PageFormBody.displayName = 'PageFormBody'; PageFormBody.displayName = 'PageFormBody';
/** /**
* * Page form footer.
* @returns {React.ReactNode} * @returns {React.ReactNode}
*/ */
const PageFormFooter: FC<{ children: React.ReactNode } & SystemProps> = ({ children }) => { const PageFormFooter: FC<{ children: React.ReactNode } & SystemProps> = ({ children }) => {

8
packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormFooter.tsx
View File

@@ -1,7 +1,6 @@
// @ts-nocheck // @ts-nocheck
import React from 'react'; import React from 'react';
import classNames from 'classnames'; import classNames from 'classnames';
import styled from 'styled-components';
import { CLASSES } from '@/constants/classes'; import { CLASSES } from '@/constants/classes';
import { Row, Col, Paper } from '@/components'; import { Row, Col, Paper } from '@/components';
@@ -12,7 +11,7 @@ import { UploadAttachmentButton } from '@/containers/Attachments/UploadAttachmen
export default function MakeJournalFormFooter() { export default function MakeJournalFormFooter() {
return ( return (
<div className={classNames(CLASSES.PAGE_FORM_FOOTER)}> <div className={classNames(CLASSES.PAGE_FORM_FOOTER)}>
<MakeJournalFooterPaper> <Paper p={'20px'}>
<Row> <Row>
<Col md={8}> <Col md={8}>
<MakeJournalFormFooterLeft /> <MakeJournalFormFooterLeft />
@@ -23,10 +22,7 @@ export default function MakeJournalFormFooter() {
<MakeJournalFormFooterRight /> <MakeJournalFormFooterRight />
</Col> </Col>
</Row> </Row>
</MakeJournalFooterPaper> </Paper>
</div> </div>
); );
} }
const MakeJournalFooterPaper = styled(Paper)`
padding: 20px;
`;

9
packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormFooter.tsx
View File

@@ -1,7 +1,6 @@
// @ts-nocheck // @ts-nocheck
import React from 'react'; import React from 'react';
import classNames from 'classnames'; import classNames from 'classnames';
import styled from 'styled-components';
import { CLASSES } from '@/constants/classes'; import { CLASSES } from '@/constants/classes';
import { Row, Col, Paper } from '@/components'; import { Row, Col, Paper } from '@/components';
@@ -12,7 +11,7 @@ import { UploadAttachmentButton } from '@/containers/Attachments/UploadAttachmen
export default function ExpenseFormFooter() { export default function ExpenseFormFooter() {
return ( return (
<div className={classNames(CLASSES.PAGE_FORM_FOOTER)}> <div className={classNames(CLASSES.PAGE_FORM_FOOTER)}>
<ExpensesFooterPaper> <Paper p={'20px'}>
<Row> <Row>
<Col md={8}> <Col md={8}>
<ExpenseFormFooterLeft /> <ExpenseFormFooterLeft />
@@ -23,11 +22,7 @@ export default function ExpenseFormFooter() {
<ExpenseFormFooterRight /> <ExpenseFormFooterRight />
</Col> </Col>
</Row> </Row>
</ExpensesFooterPaper> </Paper>
</div> </div>
); );
} }
const ExpensesFooterPaper = styled(Paper)`
padding: 20px;
`;

8
packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormFooter.tsx
View File

@@ -13,7 +13,7 @@ import { UploadAttachmentButton } from '@/containers/Attachments/UploadAttachmen
export default function BillFormFooter() { export default function BillFormFooter() {
return ( return (
<div class={classNames(CLASSES.PAGE_FORM_FOOTER)}> <div class={classNames(CLASSES.PAGE_FORM_FOOTER)}>
<BillFooterPaper> <Paper p={'20px'}>
<Row> <Row>
<Col md={8}> <Col md={8}>
<BillFormFooterLeft /> <BillFormFooterLeft />
@@ -24,11 +24,7 @@ export default function BillFormFooter() {
<BillFormFooterRight /> <BillFormFooterRight />
</Col> </Col>
</Row> </Row>
</BillFooterPaper> </Paper>
</div> </div>
); );
} }
const BillFooterPaper = styled(Paper)`
padding: 20px;
`;

8
packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormFooter.tsx
View File

@@ -15,7 +15,7 @@ import { UploadAttachmentButton } from '@/containers/Attachments/UploadAttachmen
export default function VendorCreditNoteFormFooter() { export default function VendorCreditNoteFormFooter() {
return ( return (
<div class={classNames(CLASSES.PAGE_FORM_FOOTER)}> <div class={classNames(CLASSES.PAGE_FORM_FOOTER)}>
<VendorCreditNoteFooterPaper> <Paper p={'20px'}>
<Row> <Row>
<Col md={8}> <Col md={8}>
<VendorCreditNoteFormFooterLeft /> <VendorCreditNoteFormFooterLeft />
@@ -26,11 +26,7 @@ export default function VendorCreditNoteFormFooter() {
<VendorCreditNoteFormFooterRight /> <VendorCreditNoteFormFooterRight />
</Col> </Col>
</Row> </Row>
</VendorCreditNoteFooterPaper> </Paper>
</div> </div>
); );
} }
const VendorCreditNoteFooterPaper = styled(Paper)`
padding: 20px;
`;

8
packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFooter.tsx
View File

@@ -15,7 +15,7 @@ import { UploadAttachmentButton } from '@/containers/Attachments/UploadAttachmen
export default function PaymentMadeFooter() { export default function PaymentMadeFooter() {
return ( return (
<div className={classNames(CLASSES.PAGE_FORM_FOOTER)}> <div className={classNames(CLASSES.PAGE_FORM_FOOTER)}>
<PaymentReceiveFooterPaper> <Paper p={'20px'}>
<Row> <Row>
<Col md={8}> <Col md={8}>
<PaymentMadeFormFooterLeft /> <PaymentMadeFormFooterLeft />
@@ -26,11 +26,7 @@ export default function PaymentMadeFooter() {
<PaymentMadeFormFooterRight /> <PaymentMadeFormFooterRight />
</Col> </Col>
</Row> </Row>
</PaymentReceiveFooterPaper> </Paper>
</div> </div>
); );
} }
const PaymentReceiveFooterPaper = styled(Paper)`
padding: 20px;
`;

25
packages/webapp/src/containers/Sales/Invoices/InvoiceForm/test.css
View File

@@ -1,25 +0,0 @@
.dashboard__page{
overflow: hidden;
flex: 1;
}
dashboard__insider dashboard__insider--invoice-form{
overflow: hidden;
padding: 0;
}
page-form page-form--strip page-form--invoice{
overflow: hidden;
display: flex;
flex-direction: column;
padding: 0;
}
page-form form {
overflow: auto;
flex: 1;
}
page-form__footer {
padding-bottom: 20px;
}

8
packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormFooter.tsx
View File

@@ -10,17 +10,13 @@ import { WarehouseTransferFormFooterLeft } from './WarehouseTransferFormFooterLe
export default function WarehouseTransferFormFooter() { export default function WarehouseTransferFormFooter() {
return ( return (
<div className={classNames(CLASSES.PAGE_FORM_FOOTER)}> <div className={classNames(CLASSES.PAGE_FORM_FOOTER)}>
<WarehousesTransferFooterPaper> <Paper p={'20px'}>
<Row> <Row>
<Col md={8}> <Col md={8}>
<WarehouseTransferFormFooterLeft /> <WarehouseTransferFormFooterLeft />
</Col> </Col>
</Row> </Row>
</WarehousesTransferFooterPaper> </Paper>
</div> </div>
); );
} }
const WarehousesTransferFooterPaper = styled(Paper)`
padding: 20px;
`;

6
packages/webapp/src/style/components/PageForm.scss
View File

@@ -4,11 +4,11 @@
// > .page-form__floating-actions // > .page-form__floating-actions
.page-form { .page-form {
$self: '.page-form'; $self: '.page-form';
// padding-bottom: 20px; padding-bottom: 20px;
&__floating-actions { &__floating-actions {
// position: fixed; position: fixed;
// bottom: 0; bottom: 0;
width: 100%; width: 100%;
background: #fff; background: #fff;
padding: 14px 18px; padding: 14px 18px;

50
packages/webapp/src/style/pages/CreditNote/PageForm.scss
View File

@@ -1,50 +0,0 @@
body.page-credit-note-new,
body.page-credit-note-edit {
.dashboard__footer {
display: none;
}
}
.dashboard__insider--credit-note-form {
padding-bottom: 64px;
}
.page-form--credit-note {
$self: '.page-form';
#{$self}__header {
display: flex;
&-fields {
flex: 1 0 0;
}
.bp4-label {
min-width: 150px;
}
.bp4-form-content {
width: 100%;
}
.bp4-form-group {
&.bp4-inline {
max-width: 450px;
}
}
.col--credit-note-date {
max-width: 435px;
}
}
#{$self}__footer {
.form-group--note,
.form-group--terms_conditions {
max-width: 450px;
width: 100%;
textarea {
width: 100%;
min-height: 60px;
}
}
}
}

55
packages/webapp/src/style/pages/SaleEstimate/PageForm.scss
View File

@@ -1,55 +0,0 @@
body.page-estimate-new,
body.page-estimate-edit{
.dashboard__footer{
display: none;
}
}
.dashboard__insider--estimate-form{
padding-bottom: 64px;
}
.page-form--estimate {
$self: '.page-form';
#{$self}__header {
display: flex;
&-fields {
flex: 1 0 0;
}
.bp4-label {
min-width: 140px;
}
.bp4-form-content {
width: 100%;
}
.bp4-form-group {
margin-bottom: 18px;
&.bp4-inline {
max-width: 440px;
}
}
.col--invoice-date {
max-width: 435px;
}
}
#{$self}__footer {
.form-group--customer_note,
.form-group--terms_conditions {
max-width: 450px;
width: 100%;
textarea {
width: 100%;
min-height: 60px;
}
}
}
}

106
packages/webapp/src/style/pages/SaleInvoice/PageForm.scss
View File

@@ -1,106 +0,0 @@
body.page-invoice-new,
body.page-invoice-edit {
.dashboard__footer {
display: none;
}
}
.dashboard__insider--invoice-form {
// padding-bottom: 64px;
}
.page-form--invoice {
$self: '.page-form';
#{$self}__header {
display: flex;
&-fields {
flex: 1 0 0;
}
.bp4-label {
min-width: 150px;
}
.bp4-form-content {
width: 100%;
}
.bp4-form-group {
&.bp4-inline {
max-width: 450px;
}
}
.row {
display: flex;
flex-wrap: nowrap;
.col {
max-width: 470px;
&--due-date {
.bp4-form-group {
margin: 0px 15px 15px;
.bp4-label {
min-width: 100px;
}
}
}
}
}
.col--invoice-date {
max-width: 435px;
}
}
#{$self}__footer {
.form-group--invoice_message,
.form-group--terms_conditions {
max-width: 450px;
width: 100%;
textarea {
width: 100%;
min-height: 60px;
}
}
}
}
.status-accessor {
span {
font-size: 13px;
font-weight: 400;
line-height: 1.5;
}
.fully-paid-status {
height: 19px;
width: 19px;
display: inline-block;
background: #2ba01d;
border-radius: 50%;
margin-right: 6px;
color: #ffffff;
}
.bp4-progress-bar {
background: rgba(92, 112, 128, 0.2);
border-radius: 40px;
display: block;
height: 5px;
overflow: hidden;
position: relative;
margin-top: 5px;
width: 80%;
}
&.overdue-status {}
&.remaining-status {}
}

51
packages/webapp/src/style/pages/SaleReceipt/PageForm.scss
View File

@@ -1,51 +0,0 @@
body.page-receipt-new,
body.page-receipt-edit{
.dashboard__footer{
display: none;
}
}
.dashboard__insider--receipt-form{
padding-bottom: 64px;
}
.page-form--receipt{
$self: '.page-form';
#{$self}__header{
display: flex;
&-fields{
flex: 1 0 0;
}
.bp4-label{
min-width: 150px;
}
.bp4-form-content{
width: 100%;
}
.bp4-form-group{
margin-bottom: 18px;
&.bp4-inline{
max-width: 450px;
}
}
}
#{$self}__footer{
.form-group--receipt_message,
.form-group--statement{
max-width: 450px;
width: 100%;
textarea{
width: 100%;
min-height: 50px;
}
}
}
}