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

wip

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2025-10-18 18:12:26 +02:00
parent 40395274d0
commit aff8155bd6
15 changed files with 105 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/webapp/src/style/_variables.scss
View File

@@ -110,6 +110,9 @@ $ns: bp4;
--color-datatable-empty-status-title: #2c3a5d;
--color-datatable-empty-status-description: #1f3255;
--color-dashboard-card-background: #fff;
--color-dashboard-card-border: #d2dce2;
// Sidebar
--color-sidebar-toggle: #6b8193;
--color-sidebar-background: #01115e;
@@ -401,6 +404,9 @@ body.bp4-dark {
--color-datatable-empty-status-title: var(--color-light-gray4);
--color-datatable-empty-status-description: var(--color-light-gray5);
--color-dashboard-card-background: var(--color-dark-gray1);
--color-dashboard-card-border: var(--color-dark-gray3);
// Sidebar
--color-sidebar-toggle: rgba(255, 255, 255, 0.5);
--color-sidebar-background: var(--color-dark-gray3);

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

@@ -5,25 +5,23 @@
.page-form {
--color-page-form-header-background: #fff;
--color-page-form-header-border: #d2dce2;
--color-page-form-floating-actions-background: #fff;
--color-page-form-floating-actions-border: rgb(210, 221, 226);
--color-page-form-floating-actions-shadow: rgba(0, 0, 0, 0.05);
:global(.bp4-dark) & {
.bp4-dark & {
--color-page-form-header-background: var(--color-dark-gray1);
--color-page-form-header-border: rgba(255, 255, 255, 0.1);
--color-page-form-floating-actions-background: var(--color-dark-gray1);
--color-page-form-floating-actions-border: var(--color-dark-gray4);
--color-page-form-floating-actions-shadow: vargba(0, 0, 0, 0.05);
}
$self: '.page-form';
padding-bottom: 20px;
&__floating-actions {
--color-page-form-floating-actions-background: #fff;
--color-page-form-floating-actions-border: rgb(210, 221, 226);
--color-page-form-floating-actions-shadow: rgba(0, 0, 0, 0.05);
:global(.bp4-dark) & {
--color-page-form-floating-actions-background: var(--color-dark-gray1);
--color-page-form-floating-actions-border: var(--color-dark-gray5);
--color-page-form-floating-actions-shadow: rgba(0, 0, 0, 0.05);
}
position: fixed;
bottom: 0;
width: 100%;

8
packages/webapp/src/style/pages/Customers/Form.scss
View File

@@ -4,6 +4,12 @@
$self: '.page-form';
padding: 20px;
--x-color-tabs-border: #f0f0f0;
.bp4-dark & {
--x-color-tabs-border: var(--color-dark-gray3);
}
#{$self}__header {
padding: 0;
}
@@ -136,7 +142,7 @@
bottom: 0;
width: 100%;
height: 2px;
background: #f0f0f0;
background: var(--x-color-tabs-border);
}
> *:not(:last-child) {

4
packages/webapp/src/style/pages/Dashboard/Dashboard.scss
View File

@@ -498,8 +498,8 @@ $dashboard-views-bar-height: 44px;
}
&__card {
border: 1px solid #d2dce2;
background: #fff;
border: 1px solid var(--color-dashboard-card-border);
background: var(--color-dashboard-card-background);
&--page {
flex: 1 0 0;

12
packages/webapp/src/style/pages/Items/Form.scss
View File

@@ -3,6 +3,14 @@
$self: '.page-form';
padding: 20px;
--x-header-border: #eaeaea;
--x-section-border: #eaeaea;
.bp4-dark & {
--x-header-border: var(--color-dark-gray3);
--x-section-border: var(--color-dark-gray3);
}
#{$self}__header {
padding: 0;
}
@@ -10,7 +18,7 @@
overflow: hidden;
padding-top: 5px;
margin-bottom: 20px;
border-bottom: 1px solid #eaeaea;
border-bottom: 1px solid var(--x-header-border);
padding-bottom: 5px;
max-width: 1000px;
}
@@ -66,7 +74,7 @@
}
&--selling-cost {
border-bottom: 1px solid #eaeaea;
border-bottom: 1px solid var(--x-section-border);
margin-bottom: 1.25rem;
padding-bottom: 0.25rem;
}

21
packages/webapp/src/style/pages/Vendors/Form.scss
View File

@@ -4,6 +4,16 @@
$self: '.page-form';
padding: 20px;
--x-border: #e4e4e4;
--x-color-tabs-border: #f0f0f0;
--x-color-tabs-tab-item-text: #888;
.bp4-dark & {
--x-border: var(--color-dark-gray3);
--x-color-tabs-border: var(--color-dark-gray3);
--x-color-tabs-tab-item-text: var(--color-light-gray1);
}
#{$self}__header {
padding: 0;
}
@@ -11,7 +21,7 @@
padding: 10px 0 0;
margin: 0 0 20px;
overflow: hidden;
border-bottom: 1px solid #e4e4e4;
border-bottom: 1px solid var(--x-border);
max-width: 1000px;
}
@@ -136,7 +146,7 @@
bottom: 0;
width: 100%;
height: 2px;
background: #f0f0f0;
background: var(--x-color-tabs-border);
}
> *:not(:last-child) {
@@ -145,7 +155,7 @@
&.bp4-large > .bp4-tab {
font-size: 15px;
color: #555;
color: var(--x-color-tabs-tab-item-text);
&[aria-selected='true'],
&:not([aria-disabled='true']):hover {
@@ -154,9 +164,4 @@
}
}
}
#{$self}__floating-actions {
// margin-left: -40px;
// margin-right: -40px;
}
}