mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-16 12:50:38 +00:00
feat: migrate to pnpm (#253)
This commit is contained in:
@@ -40,17 +40,17 @@ function EstimatedExpenseFormDialog({
|
||||
export default compose(withDialogRedux())(EstimatedExpenseFormDialog);
|
||||
|
||||
const EstimateExpenseFormDialogRoot = styled(Dialog)`
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
.bp4-dialog-body {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 15px;
|
||||
|
||||
label.bp3-label {
|
||||
label.bp4-label {
|
||||
margin-bottom: 3px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bp3-dialog-footer {
|
||||
.bp4-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
`;
|
||||
|
||||
@@ -48,7 +48,7 @@ function ProjectEntriesFormFloatingActions({
|
||||
export default compose(withDialogActions)(ProjectEntriesFormFloatingActions);
|
||||
|
||||
const SaveButton = styled(Button)`
|
||||
&.bp3-button {
|
||||
&.bp4-button {
|
||||
margin-left: 0px;
|
||||
}
|
||||
`;
|
||||
|
||||
@@ -102,8 +102,8 @@ const BillableEntryFooter = styled.div`
|
||||
`;
|
||||
|
||||
const BillableEntryButton = styled(Button)`
|
||||
&.bp3-button.bp3-small,
|
||||
&.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal).bp3-small {
|
||||
&.bp4-button.bp4-small,
|
||||
&.bp4-button:not([class*='bp4-intent-']):not(.bp4-minimal).bp4-small {
|
||||
font-size: 12px;
|
||||
color: #2172ed;
|
||||
background: transparent;
|
||||
|
||||
@@ -41,18 +41,18 @@ function ProjectBillableEntriesFormDialog({
|
||||
export default compose(withDialogRedux())(ProjectBillableEntriesFormDialog);
|
||||
|
||||
const ProjectBillableEntriesFormDialogRoot = styled(Dialog)`
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
.bp4-dialog-body {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 15px;
|
||||
|
||||
label.bp3-label {
|
||||
label.bp4-label {
|
||||
margin-bottom: 3px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bp3-dialog-footer {
|
||||
.bp3-dialog-footer-actions {
|
||||
.bp4-dialog-footer {
|
||||
.bp4-dialog-footer-actions {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
@@ -48,8 +48,8 @@ export default function ProjectDetailTabs() {
|
||||
}
|
||||
|
||||
const ProjectTabsContent = styled.div`
|
||||
.bp3-tabs {
|
||||
.bp3-tab-list {
|
||||
.bp4-tabs {
|
||||
.bp4-tab-list {
|
||||
padding: 0 20px;
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #d2dce2;
|
||||
@@ -58,7 +58,7 @@ const ProjectTabsContent = styled.div`
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
&.bp3-large > .bp3-tab {
|
||||
&.bp4-large > .bp4-tab {
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
color: #7f8596;
|
||||
@@ -69,12 +69,12 @@ const ProjectTabsContent = styled.div`
|
||||
color: #0052cc;
|
||||
}
|
||||
}
|
||||
.bp3-tab-indicator-wrapper .bp3-tab-indicator {
|
||||
.bp4-tab-indicator-wrapper .bp4-tab-indicator {
|
||||
height: 2px;
|
||||
bottom: -2px;
|
||||
}
|
||||
}
|
||||
.bp3-tab-panel {
|
||||
.bp4-tab-panel {
|
||||
/* margin: 20px 32px; */
|
||||
/* margin: 20px; */
|
||||
/* margin-top: 20px;
|
||||
|
||||
@@ -109,13 +109,13 @@ const TaskTimeFull = styled.div`
|
||||
`;
|
||||
|
||||
const TaskProgressBar = styled(ProgressBar)`
|
||||
&.bp3-progress-bar {
|
||||
&.bp4-progress-bar {
|
||||
display: block;
|
||||
flex-shrink: 0;
|
||||
height: 4px;
|
||||
max-width: 150px;
|
||||
&,
|
||||
.bp3-progress-meter {
|
||||
.bp4-progress-meter {
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -76,10 +76,10 @@ export const FinancialCardText = styled.div`
|
||||
color: #7b8195;
|
||||
`;
|
||||
export const FinancialCardProgressBar = styled(ProgressBar)`
|
||||
&.bp3-progress-bar {
|
||||
&.bp4-progress-bar {
|
||||
height: 3px;
|
||||
&,
|
||||
.bp3-progress-meter {
|
||||
.bp4-progress-meter {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -40,17 +40,17 @@ function ProjectExpenseFormDialog({
|
||||
export default compose(withDialogRedux())(ProjectExpenseFormDialog);
|
||||
|
||||
const ProjectExpenseFormDialogRoot = styled(Dialog)`
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
.bp4-dialog-body {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 15px;
|
||||
|
||||
label.bp3-label {
|
||||
label.bp4-label {
|
||||
margin-bottom: 3px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bp3-dialog-footer {
|
||||
.bp4-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
`;
|
||||
|
||||
@@ -43,17 +43,17 @@ function ProjectFormDialog({
|
||||
export default compose(withDialogRedux())(ProjectFormDialog);
|
||||
|
||||
const ProjectFormDialogRoot = styled(Dialog)`
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
.bp4-dialog-body {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 0;
|
||||
|
||||
label.bp3-label {
|
||||
label.bp4-label {
|
||||
margin-bottom: 3px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bp3-dialog-footer {
|
||||
.bp4-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
`;
|
||||
|
||||
@@ -34,22 +34,22 @@ function ProjectInvoicingFormDialog({ dialogName, payload: {}, isOpen }) {
|
||||
export default compose(withDialogRedux())(ProjectInvoicingFormDialog);
|
||||
|
||||
const ProjectInvoicingFormDialogRoot = styled(Dialog)`
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
.bp4-dialog-body {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 15px;
|
||||
margin-top: 15px;
|
||||
|
||||
label.bp3-label {
|
||||
label.bp4-label {
|
||||
margin-bottom: 3px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
label.bp3-control.bp3-checkbox {
|
||||
label.bp4-control.bp4-checkbox {
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
.bp3-dialog-footer {
|
||||
.bp4-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
`;
|
||||
|
||||
@@ -113,7 +113,7 @@ function ProjectTimeEntryFormFields() {
|
||||
export default ProjectTimeEntryFormFields;
|
||||
|
||||
const DurationInputGroup = styled(FInputGroup)`
|
||||
.bp3-input {
|
||||
.bp4-input {
|
||||
width: 150px;
|
||||
}
|
||||
`;
|
||||
|
||||
@@ -47,18 +47,18 @@ function ProjectTimeEntryFormDialog({
|
||||
export default compose(withDialogRedux())(ProjectTimeEntryFormDialog);
|
||||
|
||||
const ProjectTimeEntryFormDialogRoot = styled(Dialog)`
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
.bp4-dialog-body {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 0;
|
||||
|
||||
label.bp3-label {
|
||||
label.bp4-label {
|
||||
margin-bottom: 3px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
.form-group {
|
||||
&--description {
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
@@ -68,7 +68,7 @@ const ProjectTimeEntryFormDialogRoot = styled(Dialog)`
|
||||
}
|
||||
}
|
||||
}
|
||||
.bp3-dialog-footer {
|
||||
.bp4-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
`;
|
||||
|
||||
@@ -195,13 +195,13 @@ const ProjectStatusTaskAmount = styled.div`
|
||||
`;
|
||||
|
||||
const ProjectProgressBar = styled(ProgressBar)`
|
||||
&.bp3-progress-bar {
|
||||
&.bp4-progress-bar {
|
||||
display: block;
|
||||
flex-shrink: 0;
|
||||
height: 3px;
|
||||
max-width: 110px;
|
||||
&,
|
||||
.bp3-progress-meter {
|
||||
.bp4-progress-meter {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user