mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-18 05:40:31 +00:00
re-structure to monorepo.
This commit is contained in:
a.bouhuolia
@@ -0,0 +1,51 @@
|
||||
@import '../../Base.scss';
|
||||
|
||||
// Account Form Dialog.
|
||||
// ----------------------------
|
||||
.dialog--account-form {
|
||||
&:not(.dialog--loading) .bp3-dialog-body {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
&.form-group--description {
|
||||
.bp3-form-content {
|
||||
width: 280px;
|
||||
}
|
||||
textarea {
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
min-height: 60px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-group--account-code {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.form-group--subaccount {
|
||||
margin-bottom: 16px;
|
||||
|
||||
.bp3-icon-info-circle {
|
||||
color: #a1b2c5;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
}
|
||||
.form-group--description {
|
||||
textarea {
|
||||
padding: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
71
packages/webapp/src/style/pages/Accounts/List.scss
Normal file
71
packages/webapp/src/style/pages/Accounts/List.scss
Normal file
@@ -0,0 +1,71 @@
|
||||
@import '../../Base.scss';
|
||||
|
||||
.dashboard__insider--accounts-chart {
|
||||
.bigcapital-datatable {
|
||||
.normal {
|
||||
.#{$ns}-icon {
|
||||
color: #7f91a2;
|
||||
padding-left: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.table {
|
||||
.tbody {
|
||||
.tr:not(.no-results) .td {
|
||||
padding-top: 0.3rem;
|
||||
padding-bottom: 0.3rem;
|
||||
}
|
||||
|
||||
.account_name {
|
||||
.bp3-popover-wrapper--inactive-semafro {
|
||||
margin-left: 8px;
|
||||
margin-right: 6px;
|
||||
float: right;
|
||||
border: 0;
|
||||
}
|
||||
.bp3-popover-wrapper--account-desc {
|
||||
border-bottom-color: #bbb;
|
||||
}
|
||||
.inactive-semafro {
|
||||
height: 7px;
|
||||
width: 7px;
|
||||
background: #bbb;
|
||||
display: inline-block;
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
.account-desc {
|
||||
font-size: 11px;
|
||||
color: hsl(0, 0%, 50%);
|
||||
margin-top: 2px;
|
||||
line-height: 1.25;
|
||||
padding-bottom: 2px;
|
||||
display: block;
|
||||
}
|
||||
.normal {
|
||||
.bp3-popover-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
.bp3-tooltip-indicator {
|
||||
cursor: initial;
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
.actions {
|
||||
padding-right: 18px;
|
||||
justify-content: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
.table-size--small {
|
||||
.tbody .tr {
|
||||
.normal {
|
||||
svg {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
// Allocate Landed Cost Form.
|
||||
.dialog--allocate-landed-cost-form {
|
||||
width: 700px;
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group{
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
min-width: 165px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
&:not(.dialog--loading) .bp3-dialog-body {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer{
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.bigcapital-datatable {
|
||||
.table {
|
||||
// max-height: 300px;
|
||||
border: 1px solid #d1dee2;
|
||||
min-width: auto;
|
||||
|
||||
.tbody,
|
||||
.tbody-inner {
|
||||
height: auto;
|
||||
scrollbar-width: none;
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.tbody {
|
||||
.tr .td {
|
||||
padding: 0.4rem;
|
||||
margin-left: -1px;
|
||||
border-left: 1px solid #ececec;
|
||||
}
|
||||
|
||||
.bp3-form-group{
|
||||
margin-bottom: 0;
|
||||
|
||||
&:not(.bp3-intent-danger) .bp3-input{
|
||||
border: 1px solid #d0dfe2;
|
||||
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 1px #116cd0;
|
||||
border-color: #116cd0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
22
packages/webapp/src/style/pages/AllocateLandedCost/List.scss
Normal file
22
packages/webapp/src/style/pages/AllocateLandedCost/List.scss
Normal file
@@ -0,0 +1,22 @@
|
||||
.datatable--landed-cost-transactions {
|
||||
padding: 12px;
|
||||
.table {
|
||||
.tbody,
|
||||
.thead {
|
||||
.tr .th {
|
||||
padding: 8px 8px;
|
||||
background-color: #fff;
|
||||
font-size: 14px;
|
||||
border-bottom: 1px solid #000;
|
||||
border-top: 1px solid #000;
|
||||
}
|
||||
}
|
||||
.tbody {
|
||||
.tr .td {
|
||||
border-bottom: 0;
|
||||
padding-top: 0.4rem;
|
||||
padding-bottom: 0.4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
224
packages/webapp/src/style/pages/Authentication/Auth.scss
Normal file
224
packages/webapp/src/style/pages/Authentication/Auth.scss
Normal file
@@ -0,0 +1,224 @@
|
||||
|
||||
body.authentication {
|
||||
background-color: #fcfdff;
|
||||
}
|
||||
|
||||
.authentication-insider {
|
||||
width: 384px;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 40px;
|
||||
padding-top: 80px;
|
||||
|
||||
&__logo-section {
|
||||
text-align: center;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
&__content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&__footer {
|
||||
.auth-copyright {
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
|
||||
.bp3-icon-bigcapital {
|
||||
margin-top: 9px;
|
||||
|
||||
svg {
|
||||
path {
|
||||
fill: #a3a3a3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.authTransition{
|
||||
|
||||
&-enter {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
&-enter-active {
|
||||
opacity: 1;
|
||||
transition: opacity 250ms ease-in-out;
|
||||
}
|
||||
|
||||
&-enter-done {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&-exit {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&-exit-active {
|
||||
opacity: 0.5;
|
||||
transition: opacity 250ms ease-in-out;
|
||||
}
|
||||
&-exit-active {
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.authentication-page {
|
||||
&__goto-bigcapital {
|
||||
position: fixed;
|
||||
margin-top: 30px;
|
||||
margin-left: 30px;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.bp3-input {
|
||||
min-height: 40px;
|
||||
}
|
||||
.bp3-form-group {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.bp3-form-group.has-password-revealer {
|
||||
.bp3-label {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.password-revealer {
|
||||
.text {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-button.bp3-fill.bp3-intent-primary {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
&__label-section {
|
||||
margin-bottom: 30px;
|
||||
color: #555;
|
||||
|
||||
h3 {
|
||||
font-weight: 500;
|
||||
font-size: 22px;
|
||||
color: #2d2b43;
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
color: #0040bd;
|
||||
}
|
||||
}
|
||||
|
||||
&__form-wrapper {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
&__footer-links {
|
||||
padding: 9px;
|
||||
border-top: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
text-align: center;
|
||||
margin-bottom: 1.2rem;
|
||||
|
||||
a {
|
||||
color: #0052cc;
|
||||
}
|
||||
}
|
||||
|
||||
&__loading-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(252, 253, 255, 0.5);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
&__submit-button-wrap {
|
||||
margin: 0px 0px 24px 0px;
|
||||
|
||||
.bp3-button {
|
||||
background-color: #0052cc;
|
||||
min-height: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
// Login Form
|
||||
// ------------------------------
|
||||
.login-form {
|
||||
// width: 690px;
|
||||
// margin: 0px auto;
|
||||
// padding: 85px 50px;
|
||||
|
||||
.checkbox {
|
||||
&--remember-me {
|
||||
margin: -6px 0 26px 0px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Register form
|
||||
// ----------------------------
|
||||
.register-form {
|
||||
|
||||
&__agreement-section {
|
||||
margin-top: -10px;
|
||||
|
||||
p {
|
||||
font-size: 13px;
|
||||
margin-top: -10px;
|
||||
margin-bottom: 24px;
|
||||
line-height: 1.65;
|
||||
}
|
||||
}
|
||||
|
||||
&__submit-button-wrap {
|
||||
margin: 25px 0px 25px 0px;
|
||||
|
||||
.bp3-button {
|
||||
min-height: 45px;
|
||||
background-color: #0052cc;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Send reset password
|
||||
// ----------------------------
|
||||
.send-reset-password {
|
||||
.form-group--crediential {
|
||||
margin-bottom: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
// Invite form.
|
||||
// ----------------
|
||||
.invite-form {
|
||||
|
||||
&__statement-section {
|
||||
margin-top: -10px;
|
||||
|
||||
p {
|
||||
font-size: 14px;
|
||||
margin-bottom: 20px;
|
||||
line-height: 1.65;
|
||||
}
|
||||
}
|
||||
|
||||
.authentication-page__loading-overlay {
|
||||
background: rgba(252, 253, 255, 0.9);
|
||||
}
|
||||
}
|
||||
}
|
||||
34
packages/webapp/src/style/pages/BadDebt/BadDebtDialog.scss
Normal file
34
packages/webapp/src/style/pages/BadDebt/BadDebtDialog.scss
Normal file
@@ -0,0 +1,34 @@
|
||||
.dialog--bad-debt {
|
||||
max-width: 400px;
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
margin-bottom: 15px;
|
||||
margin-top: 15px;
|
||||
|
||||
label.bp3-label {
|
||||
margin-bottom: 3px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-callout {
|
||||
font-size: 13px;
|
||||
}
|
||||
.form-group {
|
||||
&--reason {
|
||||
.bp3-form-content {
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
26
packages/webapp/src/style/pages/Billing/BillingPage.scss
Normal file
26
packages/webapp/src/style/pages/Billing/BillingPage.scss
Normal file
@@ -0,0 +1,26 @@
|
||||
|
||||
|
||||
.billing-page{
|
||||
padding: 0 60px;
|
||||
margin-top: 40px;
|
||||
max-width: 820px;
|
||||
|
||||
.bp3-tab-list{
|
||||
border-bottom: 2px solid #d7e1e7;
|
||||
|
||||
.bp3-tab[aria-disabled="true"]{
|
||||
color: rgba(92, 112, 128, 0.7);
|
||||
}
|
||||
}
|
||||
.plan-radio,
|
||||
.period-radio{
|
||||
background: #fff;
|
||||
border-color: #bbcad4;
|
||||
|
||||
&.is-selected{
|
||||
background: #fff;
|
||||
border-color: #0269ff
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
59
packages/webapp/src/style/pages/Bills/List.scss
Normal file
59
packages/webapp/src/style/pages/Bills/List.scss
Normal file
@@ -0,0 +1,59 @@
|
||||
.dashboard__insider--bills {
|
||||
.bigcapital-datatable {
|
||||
.tbody {
|
||||
.td.amount {
|
||||
.cell-inner {
|
||||
> span {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
.status.td {
|
||||
.overdue-status,
|
||||
.due-status {
|
||||
display: block;
|
||||
font-size: 13.5px;
|
||||
line-height: 1.4;
|
||||
|
||||
+ .partial-paid {
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
.overdue-status {
|
||||
color: #ec5b0a;
|
||||
}
|
||||
.due-status {
|
||||
color: #1652c8;
|
||||
}
|
||||
.partial-paid {
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
margin-bottom: 6px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.fully-paid-icon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 8px;
|
||||
|
||||
svg {
|
||||
fill: #2ba01d;
|
||||
}
|
||||
}
|
||||
.fully-paid-text {
|
||||
font-size: 13.5px;
|
||||
}
|
||||
.bp3-progress-bar {
|
||||
height: 3px;
|
||||
max-width: 180px;
|
||||
|
||||
&,
|
||||
.bp3-progress-meter {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
68
packages/webapp/src/style/pages/Bills/PageForm.scss
Normal file
68
packages/webapp/src/style/pages/Bills/PageForm.scss
Normal file
@@ -0,0 +1,68 @@
|
||||
|
||||
body.page-bill-new,
|
||||
body.page-bill-edit{
|
||||
|
||||
.dashboard__footer{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__insider--bill-form{
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
|
||||
.page-form--bill{
|
||||
$self: '.page-form';
|
||||
|
||||
#{$self}__header{
|
||||
display: flex;
|
||||
|
||||
&-fields{
|
||||
flex: 1 0 0;
|
||||
}
|
||||
.bp3-form-group{
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
.bp3-label{
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group{
|
||||
&.bp3-inline{
|
||||
max-width: 440px;
|
||||
}
|
||||
|
||||
&.form-group{
|
||||
|
||||
&--expiration-date{
|
||||
max-width: 340px;
|
||||
|
||||
.bp3-label{
|
||||
min-width: 120px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.row--bill-date{
|
||||
|
||||
.col:first-of-type{
|
||||
max-width: 435px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#{$self}__footer{
|
||||
.form-group--note{
|
||||
max-width: 450px;
|
||||
width: 100%;
|
||||
|
||||
textarea{
|
||||
width: 100%;
|
||||
min-height: 60px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
.dialog--branch-form {
|
||||
width: 650px;
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
font-size: 13px;
|
||||
margin-bottom: 3px;
|
||||
min-width: 150px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 278px;
|
||||
}
|
||||
.bp3-control-group > * {
|
||||
flex-shrink: unset;
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.form-group--branch_address {
|
||||
.bp3-form-content {
|
||||
width: 388px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bp3-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
.dashboard__insider--account-transactions {
|
||||
.bigcapital-datatable {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
|
||||
.tbody {}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
.dashboard__insider--cashflow-accounts {
|
||||
.bigcapital-datatable {
|
||||
|
||||
|
||||
.table {
|
||||
.tbody {
|
||||
.td.balance {
|
||||
.cell-inner {
|
||||
>span {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.account_name {
|
||||
.bp3-popover-wrapper--inactive-semafro {
|
||||
margin-left: 8px;
|
||||
margin-right: 6px;
|
||||
float: right;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.bp3-popover-wrapper--account-desc {
|
||||
border-bottom-color: #bbb;
|
||||
}
|
||||
|
||||
.inactive-semafro {
|
||||
height: 7px;
|
||||
width: 7px;
|
||||
background: #bbb;
|
||||
display: inline-block;
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,37 @@
|
||||
.dialog--money-in,
|
||||
.dialog--money-out {
|
||||
.bp3-form-group {
|
||||
margin-bottom: 15px;
|
||||
|
||||
label.bp3-label {
|
||||
font-size: 13px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
}
|
||||
.form-group {
|
||||
&--description {
|
||||
.bp3-form-content {
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&--reference-no,
|
||||
&--amount,
|
||||
&--credit_account_id {
|
||||
max-width: 380px;
|
||||
}
|
||||
}
|
||||
|
||||
.trasnaction-type-fileds {
|
||||
margin-bottom: 18px;
|
||||
padding: 16px 0px 12px 0px;
|
||||
border-bottom: 2px solid #e9e9e9;
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
.dialog--contact-duplicate {
|
||||
.bp3-dialog-body {
|
||||
> .paragraph {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.bp3-form-group {
|
||||
margin-bottom: 1.4rem;
|
||||
|
||||
.bp3-label {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
width: 260px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
.bp3-dialog-footer-actions .bp3-button {
|
||||
margin-left: 8px;
|
||||
min-width: 65px;
|
||||
}
|
||||
}
|
||||
}
|
||||
20
packages/webapp/src/style/pages/CreditNote/List.scss
Normal file
20
packages/webapp/src/style/pages/CreditNote/List.scss
Normal file
@@ -0,0 +1,20 @@
|
||||
.dashboard__insider--credit-note-list {
|
||||
.bigcapital-datatable {
|
||||
.tbody {
|
||||
.amount.td {
|
||||
.cell-inner {
|
||||
> span {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.table-size--small {
|
||||
.status.td {
|
||||
.bp3-progress-bar {
|
||||
height: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
50
packages/webapp/src/style/pages/CreditNote/PageForm.scss
Normal file
50
packages/webapp/src/style/pages/CreditNote/PageForm.scss
Normal file
@@ -0,0 +1,50 @@
|
||||
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;
|
||||
}
|
||||
|
||||
.bp3-label {
|
||||
min-width: 150px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
&.bp3-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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
.dialog--currency-form {
|
||||
.bp3-dialog-body {
|
||||
margin-bottom: 30px;
|
||||
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 250px;
|
||||
}
|
||||
}
|
||||
.bp3-dialog-header {
|
||||
height: 170px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer{
|
||||
.bp3-button{
|
||||
min-width: 75px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
.dialog--customer-opening-balance {
|
||||
max-width: 400px;
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
margin-bottom: 15px;
|
||||
margin-top: 15px;
|
||||
|
||||
label.bp3-label {
|
||||
margin-bottom: px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
157
packages/webapp/src/style/pages/Customers/Form.scss
Normal file
157
packages/webapp/src/style/pages/Customers/Form.scss
Normal file
@@ -0,0 +1,157 @@
|
||||
@import '../../Base.scss';
|
||||
|
||||
.page-form--customer {
|
||||
$self: '.page-form';
|
||||
padding: 20px;
|
||||
|
||||
#{$self}__header {
|
||||
padding: 0;
|
||||
}
|
||||
#{$self}__primary-section {
|
||||
padding: 10px 0 0;
|
||||
margin: 0 0 20px;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #e4e4e4;
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
max-width: 500px;
|
||||
|
||||
.bp3-control {
|
||||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
&.bp3-inline {
|
||||
.bp3-label {
|
||||
min-width: 150px;
|
||||
}
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.form-group--contact_name {
|
||||
max-width: 600px;
|
||||
|
||||
.bp3-control-group > * {
|
||||
flex-shrink: unset;
|
||||
|
||||
&:not(:last-child) {
|
||||
padding-right: 10px;
|
||||
}
|
||||
&.input-group--salutation-list {
|
||||
width: 25%;
|
||||
}
|
||||
&.input-group--first-name,
|
||||
&.input-group--last-name {
|
||||
width: 37%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.bp3-tab-panel {
|
||||
margin-top: 26px;
|
||||
}
|
||||
|
||||
.form-group--phone-number {
|
||||
.bp3-control-group > * {
|
||||
flex-shrink: unset;
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#{$self}__tabs {
|
||||
margin-top: 20px;
|
||||
max-width: 1000px;
|
||||
|
||||
h4 {
|
||||
font-weight: 500;
|
||||
color: #888;
|
||||
margin-bottom: 1.2rem;
|
||||
font-size: 14px;
|
||||
}
|
||||
// Tab panels.
|
||||
.tab-panel {
|
||||
&--address {
|
||||
.bp3-form-group {
|
||||
max-width: 440px;
|
||||
|
||||
&.bp3-inline {
|
||||
.bp3-label {
|
||||
min-width: 145px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
textarea.bp3-input {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
min-height: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&--note {
|
||||
.form-group--note {
|
||||
.bp3-form-group {
|
||||
max-width: 600px;
|
||||
}
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-height: 100px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropzone-container {
|
||||
max-width: 600px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-tabs {
|
||||
.bp3-tab-list {
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
> *:not(:last-child) {
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
&.bp3-large > .bp3-tab {
|
||||
font-size: 15px;
|
||||
color: #555;
|
||||
|
||||
&[aria-selected='true'],
|
||||
&:not([aria-disabled='true']):hover {
|
||||
color: $pt-link-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
34
packages/webapp/src/style/pages/Customers/List.scss
Normal file
34
packages/webapp/src/style/pages/Customers/List.scss
Normal file
@@ -0,0 +1,34 @@
|
||||
.dashboard__insider--customers-list {
|
||||
.bigcapital-datatable {
|
||||
.tbody {
|
||||
.tr .td {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.avatar.td {
|
||||
.avatar {
|
||||
display: inline-block;
|
||||
background: #adbcc9;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
|
||||
&[data-size='medium'] {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
&[data-size='small'] {
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
line-height: 25px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
593
packages/webapp/src/style/pages/Dashboard/Dashboard.scss
Normal file
593
packages/webapp/src/style/pages/Dashboard/Dashboard.scss
Normal file
@@ -0,0 +1,593 @@
|
||||
@import '../../Base.scss';
|
||||
$dashboard-views-bar-height: 44px;
|
||||
|
||||
.dashboard {
|
||||
display: flex;
|
||||
height: 100vh;
|
||||
|
||||
&__topbar {
|
||||
width: 100%;
|
||||
min-height: 60px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #c7d5db;
|
||||
|
||||
&-right,
|
||||
&-left {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
&-actions {}
|
||||
|
||||
&-sidebar-toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: 2px;
|
||||
|
||||
.#{$ns}-button {
|
||||
color: #6b8193;
|
||||
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-navbar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 4px;
|
||||
|
||||
.#{$ns}-button {
|
||||
color: #1552c8;
|
||||
font-weight: 5000;
|
||||
font-size: 14px;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: rgba(178, 220, 253, 0.15);
|
||||
}
|
||||
|
||||
.#{$ns}-icon {
|
||||
color: #1552c8;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-navbar-divider {
|
||||
margin: 0 8px;
|
||||
}
|
||||
|
||||
.form-group-quick-new-downDrop {
|
||||
.bp3-popover-target .bp3-button {
|
||||
color: #1552c8;
|
||||
}
|
||||
|
||||
.bp3-button::after {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 14px;
|
||||
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
padding: 0;
|
||||
background-size: contain;
|
||||
border-radius: 50%;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
|
||||
.user-text {
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: #cb20e5;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-subscription-msg {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding-right: 6px;
|
||||
font-size: 12px;
|
||||
|
||||
span {
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__breadcrumbs {
|
||||
display: flex;
|
||||
margin-left: 16px;
|
||||
align-items: center;
|
||||
|
||||
// Breadcrumbs component.
|
||||
.#{$ns}-breadcrumbs-collapsed {
|
||||
background: $light-gray3;
|
||||
|
||||
&:hover {
|
||||
background: $light-gray2;
|
||||
}
|
||||
|
||||
&::before {
|
||||
background: escape-svg($breadcrumbs-collapsed-icon) center center;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__back-link {
|
||||
margin-left: 20px;
|
||||
display: flex;
|
||||
|
||||
a {
|
||||
margin: auto 0;
|
||||
/*!rtl:ignore*/
|
||||
direction: ltr;
|
||||
}
|
||||
}
|
||||
|
||||
&__organization-name {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #818ca9;
|
||||
margin: 0 0 0 15px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
&__actions-bar {
|
||||
border-bottom: 2px solid #e1e2e8;
|
||||
|
||||
.bp3-navbar-divider {
|
||||
border-left-color: rgb(199, 214, 219);
|
||||
}
|
||||
|
||||
.#{$ns}-navbar {
|
||||
box-shadow: none;
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
|
||||
&,
|
||||
&-group {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.#{$ns}-navbar-divider {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.#{$ns}-button {
|
||||
color: #32304a;
|
||||
padding: 8px 12px;
|
||||
|
||||
&:hover {
|
||||
background: rgba(167, 182, 194, 0.12);
|
||||
color: #32304a;
|
||||
}
|
||||
|
||||
&.bp3-minimal:active,
|
||||
&.bp3-minimal.bp3-active {
|
||||
background: #a7b6c21f;
|
||||
color: #32304a;
|
||||
}
|
||||
|
||||
&.has-active-filters {
|
||||
|
||||
&,
|
||||
&.bp3-active,
|
||||
&:active {
|
||||
background: #eafbe4;
|
||||
}
|
||||
}
|
||||
|
||||
.#{$ns}-icon {
|
||||
color: #32304a;
|
||||
}
|
||||
|
||||
&.#{$ns}-minimal.#{$ns}-intent-danger {
|
||||
color: #c23030;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: rgba(219, 55, 55, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
&.button--blue-highlight {
|
||||
background-color: #ebfaff;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: darken(#ebfaff, 2.5%);
|
||||
}
|
||||
}
|
||||
|
||||
&.button--gray-highlight {
|
||||
background-color: rgba(127, 189, 255, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
.button--table-views {
|
||||
.#{$ns}-icon {
|
||||
color: #1183da;
|
||||
}
|
||||
|
||||
.#{$ns}-button-text {
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.#{$ns}-icon-caret-down {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-control.bp3-switch {
|
||||
margin-bottom: 0;
|
||||
margin-left: 8px;
|
||||
color: #3d3b53;
|
||||
|
||||
.bp3-control-indicator {
|
||||
height: 16px;
|
||||
min-width: 1.8em;
|
||||
}
|
||||
|
||||
.bp3-control-indicator::before {
|
||||
box-shadow: 0 0 0;
|
||||
}
|
||||
|
||||
input~.bp3-control-indicator {
|
||||
background: rgba(167, 182, 194, 0.55);
|
||||
}
|
||||
|
||||
input:checked~.bp3-control-indicator {
|
||||
background: #0069ff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__breadcrumbs {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
&__title {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
margin-left: 2px;
|
||||
|
||||
h1 {
|
||||
font-size: 22px;
|
||||
color: #48485c;
|
||||
font-weight: 500;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h3 {}
|
||||
|
||||
.button--view-edit {
|
||||
svg {
|
||||
color: #929699;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
svg {
|
||||
color: #5c7080;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__hint {
|
||||
display: inline-block;
|
||||
margin-top: 4px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
&__subtitle {}
|
||||
|
||||
&__insider {}
|
||||
|
||||
&__offline-badge {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0px 6px;
|
||||
height: 24px;
|
||||
border-radius: 4px;
|
||||
margin-right: 18px;
|
||||
white-space: nowrap;
|
||||
font-size: 14px;
|
||||
color: rgba(22, 12, 12, 0.6);
|
||||
border: 1px solid rgba(0, 0, 0, 0.16);
|
||||
margin: auto;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
&-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
min-width: 850px;
|
||||
|
||||
.sidebar--mini-sidebar+& {
|
||||
margin-left: 50px;
|
||||
width: calc(100% - 50px);
|
||||
}
|
||||
}
|
||||
|
||||
&__insider {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1 0 0;
|
||||
background-color: #fbfbfb;
|
||||
|
||||
>.dashboard__loading-indicator {
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&__page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1 0 0;
|
||||
}
|
||||
|
||||
&__fallback-loading {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
background-color: #fbfbfb;
|
||||
|
||||
.bp3-spinner {
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&__page-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1 0 0;
|
||||
|
||||
.bigcapital-datatable {
|
||||
.table {
|
||||
|
||||
.thead,
|
||||
.tbody {
|
||||
|
||||
.th.selection,
|
||||
.td.selection {
|
||||
padding-left: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__loading-indicator {
|
||||
padding-top: 150px;
|
||||
}
|
||||
}
|
||||
|
||||
&__centered-empty-status {
|
||||
display: flex;
|
||||
flex: 1 0 0;
|
||||
flex-direction: column;
|
||||
margin: auto;
|
||||
|
||||
.datatable-empty-status {
|
||||
margin: auto;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
&__datatable {
|
||||
display: flex;
|
||||
flex: 1 0 0;
|
||||
flex-direction: column;
|
||||
background: #fff;
|
||||
margin: 22px 32px;
|
||||
border: 1px solid #d2dce2;
|
||||
|
||||
.bigcapital-datatable {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1 0 0;
|
||||
|
||||
.pagination {
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
&:not(.has-pagination) {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.datatable-empty-status {
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
&__preferences-topbar {}
|
||||
|
||||
&__footer {
|
||||
margin-top: auto;
|
||||
padding: 8px 0;
|
||||
border-top: 1px solid #d2dce2;
|
||||
|
||||
.footer-links {
|
||||
text-align: center;
|
||||
|
||||
>div {
|
||||
font-size: 12px;
|
||||
margin-right: 20px;
|
||||
display: inline;
|
||||
|
||||
a {
|
||||
color: #8c8c8c;
|
||||
|
||||
&:hover {
|
||||
color: $blue2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__card {
|
||||
border: 1px solid #d2dce2;
|
||||
background: #fff;
|
||||
|
||||
&--page {
|
||||
flex: 1 0 0;
|
||||
margin: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
&__error-boundary {
|
||||
text-align: center;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
|
||||
h1 {
|
||||
font-size: 26px;
|
||||
font-weight: 600;
|
||||
margin: 0px 0 10px;
|
||||
color: #2c3a5d;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 16px;
|
||||
color: #1f3255;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.bp3-icon {
|
||||
margin-top: 6px;
|
||||
|
||||
path {
|
||||
fill: #a1afca;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tabs--dashboard-views {
|
||||
user-select: none;
|
||||
|
||||
.#{$ns}-tab {
|
||||
color: #646a7d;
|
||||
font-size: 14px;
|
||||
line-height: $dashboard-views-bar-height - 2px;
|
||||
font-weight: 400;
|
||||
padding: 0;
|
||||
margin-right: 0;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
padding-top: 2px;
|
||||
|
||||
&[aria-selected='true'] {
|
||||
color: #0052cc;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
.#{$ns}-tab-indicator-wrapper {
|
||||
.#{$ns}-tab-indicator {
|
||||
height: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.button--new-view {
|
||||
margin: 0;
|
||||
height: $dashboard-views-bar-height;
|
||||
min-width: 35px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
|
||||
&,
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
box-shadow: 0 0 0;
|
||||
}
|
||||
|
||||
.#{$ns}-icon {
|
||||
color: #a7a7a7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar--dashboard-views {
|
||||
box-shadow: 0 0 0;
|
||||
border-bottom: 1px solid #d2dce2;
|
||||
height: $dashboard-views-bar-height;
|
||||
padding: 0 20px;
|
||||
|
||||
.bp3-navbar-group {
|
||||
height: $dashboard-views-bar-height;
|
||||
}
|
||||
|
||||
.bp3-tab[aria-selected='true'] {
|
||||
box-shadow: inset 0 -2px 0 #0052cc;
|
||||
}
|
||||
|
||||
.bp3-button {
|
||||
&:hover {
|
||||
background: rgba(167, 182, 194, 0.12);
|
||||
color: #32304a;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar--omnibar {
|
||||
-webkit-filter: blur(0);
|
||||
filter: blur(0);
|
||||
opacity: 1;
|
||||
top: 20vh;
|
||||
left: calc(50% - 250px);
|
||||
z-index: 21;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2),
|
||||
0 18px 46px 6px rgba(16, 22, 26, 0.2);
|
||||
background-color: #fff;
|
||||
width: 600px;
|
||||
|
||||
.bp3-input {
|
||||
padding-left: 40px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.menu--logged-user-dropdown {
|
||||
.menu-item--profile {
|
||||
.org {
|
||||
font-size: 12px;
|
||||
color: #777;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
|
||||
.dialog--exchangeRate-form {
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 250px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
16
packages/webapp/src/style/pages/Expense/List.scss
Normal file
16
packages/webapp/src/style/pages/Expense/List.scss
Normal file
@@ -0,0 +1,16 @@
|
||||
// Blueprint framework.
|
||||
// @import '@blueprintjs/core/src/blueprint.scss';
|
||||
|
||||
.dashboard__insider--expenses {
|
||||
.bigcapital-datatable {
|
||||
.table {
|
||||
.tbody {
|
||||
.td.amount {
|
||||
span {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
77
packages/webapp/src/style/pages/Expense/PageForm.scss
Normal file
77
packages/webapp/src/style/pages/Expense/PageForm.scss
Normal file
@@ -0,0 +1,77 @@
|
||||
.dashboard__insider--expense-form {
|
||||
padding-bottom: 64px;
|
||||
.bigcapital-datatable {
|
||||
|
||||
.tbody {
|
||||
.tr .td.total_amount {
|
||||
span {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-form--expense {
|
||||
$self: '.page-form';
|
||||
|
||||
#{$self}__header {
|
||||
display: flex;
|
||||
|
||||
&-fields {
|
||||
flex: 1 0 0;
|
||||
}
|
||||
|
||||
.bp3-label {
|
||||
min-width: 140px;
|
||||
}
|
||||
|
||||
.bp3-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
margin-bottom: 18px;
|
||||
|
||||
&.bp3-inline {
|
||||
max-width: 440px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.datatable-editor--expense-form {
|
||||
|
||||
|
||||
.table {
|
||||
|
||||
.tbody {
|
||||
.tr .td {
|
||||
|
||||
|
||||
&.landed-cost {
|
||||
|
||||
.bp3-control {
|
||||
margin-top: 0;
|
||||
margin-left: 34px;
|
||||
}
|
||||
|
||||
.bp3-control-indicator {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
border-color: #e0e0e0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-group--description {
|
||||
max-width: 500px;
|
||||
|
||||
textarea {
|
||||
min-height: 60px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
|
||||
.financial-sheet{
|
||||
&--payable-aging-summary{
|
||||
|
||||
.financial-sheet__table{
|
||||
|
||||
.bigcapital-datatable{
|
||||
.tbody,
|
||||
.thead{
|
||||
.tr .td.vendor_name ~ .td,
|
||||
.tr .th.vendor_name ~ .th{
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.tbody{
|
||||
.tr:not(.no-results) {
|
||||
.td{
|
||||
border-bottom: 0;
|
||||
padding-top: 0.4rem;
|
||||
padding-bottom: 0.4rem;
|
||||
}
|
||||
&:not(:first-child) .td{
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
&.row-type--total{
|
||||
font-weight: 500;
|
||||
|
||||
.td{
|
||||
border-top: 1px solid #BBB;
|
||||
border-bottom: 3px double #333;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
.financial-sheet {
|
||||
&--cash-flow-statement {
|
||||
.financial-sheet__table {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.financial-statement--cash-flow {
|
||||
.financial-header-drawer {
|
||||
.bp3-drawer {
|
||||
max-height: 450px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
.financial-sheet {
|
||||
|
||||
&--customers-balance-summary,
|
||||
&--vendors-balance-summary {
|
||||
.financial-sheet__table {
|
||||
|
||||
.thead,
|
||||
.tbody {
|
||||
|
||||
.tr .td.customer_name~.td,
|
||||
.tr .th.customer_name~.th {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.tbody {
|
||||
.tr:not(.no-results) {
|
||||
.td {
|
||||
border-bottom: 0;
|
||||
padding-top: 0.4rem;
|
||||
padding-bottom: 0.4rem;
|
||||
}
|
||||
|
||||
&.row-type--TOTAL {
|
||||
font-weight: 500;
|
||||
|
||||
.td {
|
||||
border-top: 1px solid #bbb;
|
||||
border-bottom: 3px double #333;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.financial-statement--balance-summary {
|
||||
.financial-header-drawer {
|
||||
.bp3-drawer {
|
||||
// max-height: 350px;
|
||||
max-height: 415px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
|
||||
|
||||
|
||||
.dashboard__insider--financial-report{
|
||||
|
||||
.alert-compute-running{
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
.financial-reports {
|
||||
padding: 20px 32px;
|
||||
|
||||
.section-title {
|
||||
font-weight: 600;
|
||||
margin-bottom: 1.4rem;
|
||||
font-size: 18px;
|
||||
color: rgb(31, 50, 85);
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
&__list {
|
||||
display: flex;
|
||||
flex-flow: wrap;
|
||||
margin-left: -20px;
|
||||
}
|
||||
&__item {
|
||||
width: 250px;
|
||||
min-height: 140px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: 16px;
|
||||
border: 1px solid #d1dee2;
|
||||
border-top: 3px solid #d1dee2;
|
||||
background: #fff;
|
||||
padding: 18px;
|
||||
|
||||
.title {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.desc {
|
||||
color: rgb(31, 50, 85);
|
||||
line-height: 1.55;
|
||||
margin-top: 8px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
.financial-sheet {
|
||||
&--inventory-item-details {
|
||||
width: 100%;
|
||||
|
||||
.financial-sheet__table {
|
||||
|
||||
.tbody,
|
||||
.thead {
|
||||
|
||||
.tr .td.transaction_id~.td,
|
||||
.tr .th.transaction_id~.th {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.tbody {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.number-format-dropdown {
|
||||
.toggles-fields {
|
||||
.bp3-form-group:first-child {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.form-group--money-format {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.financial-statement--inventory-details {
|
||||
.financial-header-drawer {
|
||||
.bp3-drawer {
|
||||
max-height: 350px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
|
||||
.financial-statement--journal{
|
||||
|
||||
.financial-header-drawer{
|
||||
.bp3-drawer{
|
||||
max-height: 350px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,43 @@
|
||||
|
||||
|
||||
.number-format-dropdown{
|
||||
width: 300px;
|
||||
padding: 15px;
|
||||
|
||||
.bp3-form-group{
|
||||
margin-bottom: 6px;
|
||||
|
||||
label.bp3-label{
|
||||
font-size: 13px;
|
||||
margin-bottom: 4px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.bp3-button{
|
||||
min-height: 28px;
|
||||
min-width: 28px;
|
||||
}
|
||||
}
|
||||
.bp3-control.bp3-inline{
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
.toggles-fields{
|
||||
margin-top: 14px;
|
||||
}
|
||||
&__footer{
|
||||
text-align: right;
|
||||
padding-top: 10px;
|
||||
|
||||
.bp3-button.bp3-small,
|
||||
.bp3-button:not([class*="bp3-intent-"]):not(.bp3-minimal).bp3-small{
|
||||
min-width: 65px;
|
||||
height: 26px;
|
||||
min-height: 26px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-control .bp3-control-indicator{
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
.financial-sheet {
|
||||
&--sales-by-items,
|
||||
&--purchases-by-items,
|
||||
&--inventory-valuation {
|
||||
min-width: 800px;
|
||||
|
||||
.financial-sheet__table {
|
||||
.thead,
|
||||
.tbody {
|
||||
.tr .td:not(:first-child),
|
||||
.tr .th:not(:first-child) {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.financial-statement--sales-by-items,
|
||||
.financial-statement--purchases-by-items {
|
||||
.financial-header-drawer {
|
||||
.bp3-drawer {
|
||||
// max-height: 400px;
|
||||
max-height: 450px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.financial-statement--inventory-valuation {
|
||||
.financial-header-drawer {
|
||||
.bp3-drawer {
|
||||
max-height: 400px;
|
||||
}
|
||||
}
|
||||
}
|
||||
112
packages/webapp/src/style/pages/HomePage/HomePage.scss
Normal file
112
packages/webapp/src/style/pages/HomePage/HomePage.scss
Normal file
@@ -0,0 +1,112 @@
|
||||
.homepage {
|
||||
&__container {
|
||||
display: flex;
|
||||
|
||||
margin: 22px 32px;
|
||||
background-color: transparent;
|
||||
align-items: flex-start;
|
||||
|
||||
.shortcut-boxes {
|
||||
flex: 2;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #d2dce2;
|
||||
border-right: 1px solid #d2dce2;
|
||||
max-width: 800px;
|
||||
|
||||
.shortcut-box {
|
||||
width: 50%;
|
||||
padding: 16px;
|
||||
border-left: 1px solid #d2dce2;
|
||||
border-top: 1px solid #d2dce2;
|
||||
background-color: transparent;
|
||||
transition: 0.2s;
|
||||
|
||||
a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 14px;
|
||||
|
||||
span {
|
||||
color: #d6d6e0;
|
||||
}
|
||||
.header--icon {
|
||||
width: 38px;
|
||||
height: 32px;
|
||||
// background-color:#F3FEFA;
|
||||
}
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-size: 16px;
|
||||
color: #48485c;
|
||||
font-weight: 500;
|
||||
line-height: 1.6rem;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
&__description {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.announcements-list {
|
||||
flex: 1;
|
||||
flex-shrink: 0;
|
||||
background-color: #fff;
|
||||
border: 1px solid #d2dce2;
|
||||
margin-left: 24px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-bottom: 32px;
|
||||
max-width: 400px;
|
||||
|
||||
&__title {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
margin: 16px;
|
||||
}
|
||||
|
||||
.announcement-box {
|
||||
padding: 16px;
|
||||
width: 100%;
|
||||
// margin-bottom: 20px;
|
||||
|
||||
&__title {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
&____description {
|
||||
}
|
||||
|
||||
&.announcement-box:not(:last-child) {
|
||||
// border-top: 1px solid #d2dce2;
|
||||
border-bottom: 1px solid #d2dce2;
|
||||
}
|
||||
}
|
||||
.btn-view-all {
|
||||
display: flex;
|
||||
border-radius: 12px;
|
||||
background: transparent;
|
||||
padding: 5px;
|
||||
margin: 20px;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
border: 1px solid;
|
||||
justify-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
|
||||
// Blueprint framework.
|
||||
// @import '@blueprintjs/core/src/blueprint.scss';
|
||||
|
||||
.dashboard__insider--inventory_adjustments {
|
||||
.bigcapital-datatable {
|
||||
.table {
|
||||
.tbody {
|
||||
.tr{
|
||||
min-height: 46px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,37 @@
|
||||
|
||||
|
||||
.dialog--category-form{
|
||||
|
||||
.bp3-dialog-body{
|
||||
.bp3-form-group.bp3-inline{
|
||||
|
||||
.bp3-label{
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content{
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
&.form-group--description{
|
||||
|
||||
.bp3-form-content{
|
||||
width: 280px;
|
||||
|
||||
textarea{
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
max-height: 120px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bp3-dialog-footer{
|
||||
margin-top: 30px;
|
||||
|
||||
.bp3-button{
|
||||
min-width: 75px;
|
||||
}
|
||||
}
|
||||
}
|
||||
89
packages/webapp/src/style/pages/Items/Form.scss
Normal file
89
packages/webapp/src/style/pages/Items/Form.scss
Normal file
@@ -0,0 +1,89 @@
|
||||
|
||||
.page-form--item {
|
||||
$self: '.page-form';
|
||||
padding: 20px;
|
||||
|
||||
#{$self}__header {
|
||||
padding: 0;
|
||||
}
|
||||
#{$self}__primary-section {
|
||||
overflow: hidden;
|
||||
padding-top: 5px;
|
||||
margin-bottom: 20px;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
padding-bottom: 5px;
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
#{$self}__body {
|
||||
.bp3-form-group {
|
||||
max-width: 500px;
|
||||
margin-bottom: 14px;
|
||||
|
||||
&.bp3-inline {
|
||||
.bp3-label {
|
||||
min-width: 140px;
|
||||
}
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
margin-bottom: 1.4rem;
|
||||
}
|
||||
|
||||
.bp3-control {
|
||||
h3 {
|
||||
display: inline;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.form-group--sellable,
|
||||
.form-group--purchasable {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.form-group--purchase-description,
|
||||
.form-group--sell-description{
|
||||
|
||||
textarea{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#{$self}__section {
|
||||
max-width: 850px;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
.bp3-form-group {
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
&--selling-cost {
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
margin-bottom: 1.25rem;
|
||||
padding-bottom: 0.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
#{$self}__floating-actions {
|
||||
// margin-left: -40px;
|
||||
// margin-right: -40px;
|
||||
|
||||
.form-group--active {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
margin-left: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-tooltip-indicator {
|
||||
border-bottom: 1px dashed #d0d0d0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,79 @@
|
||||
.dialog--adjustment-item {
|
||||
.bp3-form-group {
|
||||
margin-bottom: 15px;
|
||||
|
||||
label.bp3-label {
|
||||
font-size: 13px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
}
|
||||
.form-group {
|
||||
&--adjustment-reasons {
|
||||
.bp3-form-content {
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&--reference-no,
|
||||
&--adjustment-account {
|
||||
max-width: 270px;
|
||||
}
|
||||
}
|
||||
.adjustment-fields {
|
||||
padding-top: 16px;
|
||||
border-top: 2px solid #e9e9e9;
|
||||
margin-bottom: 18px;
|
||||
padding-bottom: 12px;
|
||||
border-bottom: 2px solid #e9e9e9;
|
||||
|
||||
.bp3-input-group{
|
||||
|
||||
.bp3-input{
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
margin-left: -0.3rem;
|
||||
margin-right: -0.3rem;
|
||||
|
||||
.col {
|
||||
padding-left: 0.3rem;
|
||||
padding-right: 0.3rem;
|
||||
|
||||
.bp3-form-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
&--quantity-on-hand,
|
||||
&--quantity {
|
||||
width: 120px;
|
||||
}
|
||||
&--sign {
|
||||
display: flex;
|
||||
|
||||
span {
|
||||
margin-top: auto;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
}
|
||||
&--decrement,
|
||||
&--increment {
|
||||
width: 100px;
|
||||
}
|
||||
&--cost {
|
||||
width: 95px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
26
packages/webapp/src/style/pages/Items/List.scss
Normal file
26
packages/webapp/src/style/pages/Items/List.scss
Normal file
@@ -0,0 +1,26 @@
|
||||
|
||||
// Blueprint framework.
|
||||
// @import '@blueprintjs/core/src/blueprint.scss';
|
||||
|
||||
.dashboard__insider--items-list {
|
||||
.bigcapital-datatable {
|
||||
.table {
|
||||
.tbody {
|
||||
.item_type.td {
|
||||
.bp3-tag {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
.tr.inactive .td {
|
||||
|
||||
&.normal .bp3-icon {
|
||||
color: #9eaab6;
|
||||
}
|
||||
}
|
||||
.quantity_on_hand {
|
||||
color: #ff0000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
14
packages/webapp/src/style/pages/ItemsCategories/List.scss
Normal file
14
packages/webapp/src/style/pages/ItemsCategories/List.scss
Normal file
@@ -0,0 +1,14 @@
|
||||
|
||||
|
||||
.dashboard__insider--items-categories-list{
|
||||
|
||||
.bigcapital-datatable {
|
||||
.table {
|
||||
.tbody {
|
||||
.tr{
|
||||
min-height: 46px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
29
packages/webapp/src/style/pages/JournalEntries/List.scss
Normal file
29
packages/webapp/src/style/pages/JournalEntries/List.scss
Normal file
@@ -0,0 +1,29 @@
|
||||
// .datatable--journal-entries {
|
||||
// // margin: 12px;
|
||||
// padding: 12px;
|
||||
|
||||
// .table {
|
||||
// .tbody,
|
||||
// .thead {
|
||||
// .tr .th {
|
||||
// padding: 8px 8px;
|
||||
// background-color: #fff;
|
||||
// font-size: 14px;
|
||||
// border-bottom: 1px solid #000;
|
||||
// border-top: 1px solid #000;
|
||||
// }
|
||||
// }
|
||||
// .tbody {
|
||||
// .tr .td {
|
||||
// border-bottom: 0;
|
||||
// padding-top: 0.4rem;
|
||||
// padding-bottom: 0.4rem;
|
||||
|
||||
// &.credit,
|
||||
// &.debit {
|
||||
// font-weight: 600;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@@ -0,0 +1,16 @@
|
||||
|
||||
.dialog--journal-number-settings{
|
||||
|
||||
.paragraph {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.bp3-form-group{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.bp3-dialog-footer-actions{
|
||||
.bp3-button{
|
||||
min-width: 75px;
|
||||
}
|
||||
}
|
||||
}
|
||||
33
packages/webapp/src/style/pages/ManualJournal/List.scss
Normal file
33
packages/webapp/src/style/pages/ManualJournal/List.scss
Normal file
@@ -0,0 +1,33 @@
|
||||
.dashboard__insider--manual-journals {
|
||||
.bigcapital-datatable {
|
||||
.thead {
|
||||
}
|
||||
|
||||
.tbody {
|
||||
// .tr .td{
|
||||
// padding: 0.8rem 0.5rem;
|
||||
// }
|
||||
.td.amount {
|
||||
.bp3-popover-target {
|
||||
border-bottom: 1px solid #e7e7e7;
|
||||
|
||||
> span {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
.note {
|
||||
.bp3-icon {
|
||||
color: #666;
|
||||
}
|
||||
.bp3-tooltip-indicator {
|
||||
cursor: initial;
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
.status {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
.dashboard__insider--make-journal-page {
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
|
||||
.page-form--make-journal-entries{
|
||||
$self: '.page-form';
|
||||
|
||||
#{$self}__header{
|
||||
display: flex;
|
||||
|
||||
&-fields {
|
||||
flex: 1 0 0;
|
||||
}
|
||||
|
||||
.bp3-label{
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group{
|
||||
margin-bottom: 18px;
|
||||
|
||||
&.bp3-inline{
|
||||
max-width: 440px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-group--description{
|
||||
max-width: 500px;
|
||||
|
||||
textarea{
|
||||
min-height: 60px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,31 @@
|
||||
.dialog--notify-vis-sms {
|
||||
width: 800px;
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
margin-bottom: 15px;
|
||||
margin-top: 15px;
|
||||
|
||||
label.bp3-label {
|
||||
margin-bottom: 3px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
.form-group {
|
||||
&--sms_message {
|
||||
.bp3-form-content {
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
13
packages/webapp/src/style/pages/PaymentMade/List.scss
Normal file
13
packages/webapp/src/style/pages/PaymentMade/List.scss
Normal file
@@ -0,0 +1,13 @@
|
||||
.dashboard__insider--payment-mades-list {
|
||||
.bigcapital-datatable {
|
||||
.tbody {
|
||||
.td.amount {
|
||||
.cell-inner {
|
||||
> span {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
106
packages/webapp/src/style/pages/PaymentMade/PageForm.scss
Normal file
106
packages/webapp/src/style/pages/PaymentMade/PageForm.scss
Normal file
@@ -0,0 +1,106 @@
|
||||
|
||||
body.page-payment-made-new,
|
||||
body.page-payment-made-edit{
|
||||
|
||||
.dashboard__footer{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__insider--payment-made{
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
|
||||
.page-form--payment-made {
|
||||
$self: '.page-form';
|
||||
|
||||
#{$self}__header{
|
||||
.bp3-label{
|
||||
min-width: 160px;
|
||||
}
|
||||
.bp3-form-content{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group{
|
||||
margin-bottom: 18px;
|
||||
|
||||
&.bp3-inline{
|
||||
max-width: 470px;
|
||||
}
|
||||
button.receive-full-amount{
|
||||
width: auto;
|
||||
padding: 0;
|
||||
min-height: auto;
|
||||
font-size: 12px;
|
||||
margin-top: 4px;
|
||||
background-color: transparent;
|
||||
color: #0052cc;
|
||||
|
||||
&:hover{
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#{$self}__primary-section{
|
||||
display: flex;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
#{$self}__big-numbers{
|
||||
margin-left: auto;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.datatable-editor{
|
||||
|
||||
.table .tbody{
|
||||
.tr.no-results{
|
||||
.td{
|
||||
font-size: 15px;
|
||||
padding: 26px 0;
|
||||
color: #5a5a77;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table{
|
||||
.th,
|
||||
.td {
|
||||
&.amount,
|
||||
&.due_amount,
|
||||
&.payment_amount {
|
||||
|
||||
&,
|
||||
input {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tr{
|
||||
.td:first-of-type,
|
||||
.th:first-of-type{
|
||||
span, div{
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#{$self}__footer{
|
||||
.form-group--statement{
|
||||
max-width: 500px;
|
||||
width: 100%;
|
||||
|
||||
textarea{
|
||||
width: 100%;
|
||||
min-height: 70px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
13
packages/webapp/src/style/pages/PaymentReceive/List.scss
Normal file
13
packages/webapp/src/style/pages/PaymentReceive/List.scss
Normal file
@@ -0,0 +1,13 @@
|
||||
.dashboard__insider--payment-receives-list {
|
||||
.bigcapital-datatable {
|
||||
.tbody {
|
||||
.td.amount {
|
||||
.cell-inner {
|
||||
> span {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
111
packages/webapp/src/style/pages/PaymentReceive/PageForm.scss
Normal file
111
packages/webapp/src/style/pages/PaymentReceive/PageForm.scss
Normal file
@@ -0,0 +1,111 @@
|
||||
|
||||
body.page-payment-receive-new,
|
||||
body.page-payment-receive-edit{
|
||||
|
||||
.dashboard__footer{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__insider--payment-receive-form{
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
|
||||
|
||||
.page-form--payment-receive {
|
||||
$self: '.page-form';
|
||||
|
||||
#{$self}__header {
|
||||
.bp3-label {
|
||||
min-width: 160px;
|
||||
}
|
||||
|
||||
.bp3-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
margin-bottom: 18px;
|
||||
|
||||
&.bp3-inline {
|
||||
max-width: 470px;
|
||||
}
|
||||
|
||||
button.receive-full-amount {
|
||||
width: auto;
|
||||
padding: 0;
|
||||
min-height: auto;
|
||||
font-size: 12px;
|
||||
margin-top: 4px;
|
||||
background-color: transparent;
|
||||
color: #0052cc;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#{$self}__primary-section {
|
||||
display: flex;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
#{$self}__big-numbers {
|
||||
margin-left: auto;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.datatable-editor {
|
||||
|
||||
.table .tbody {
|
||||
.tr.no-results {
|
||||
.td {
|
||||
font-size: 15px;
|
||||
padding: 26px 0;
|
||||
color: #5a5a77;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table {
|
||||
.th,
|
||||
.td {
|
||||
&.invoice_amount,
|
||||
&.amount_due,
|
||||
&.payment_amount {
|
||||
|
||||
&,
|
||||
input {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tr {
|
||||
.td:first-of-type,
|
||||
.th:first-of-type {
|
||||
|
||||
span,
|
||||
div {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#{$self}__footer {
|
||||
.form-group--statement {
|
||||
max-width: 500px;
|
||||
width: 100%;
|
||||
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-height: 70px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
.dialog--quick-payment-receive {
|
||||
.bp3-form-group {
|
||||
margin-bottom: 15px;
|
||||
|
||||
label.bp3-label {
|
||||
margin-bottom: 3px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
.form-group {
|
||||
&--statement {
|
||||
.bp3-form-content {
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
.payment-transactions {
|
||||
padding: 12px;
|
||||
|
||||
.table {
|
||||
.tbody,
|
||||
.thead {
|
||||
.tr .th {
|
||||
padding: 8px 8px;
|
||||
background-color: #fff;
|
||||
font-size: 14px;
|
||||
border-bottom: 1px solid #000;
|
||||
border-top: 1px solid #000;
|
||||
}
|
||||
}
|
||||
.tbody {
|
||||
.tr .td {
|
||||
border-bottom: 0;
|
||||
padding-top: 0.4rem;
|
||||
padding-bottom: 0.4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
44
packages/webapp/src/style/pages/Preferences/Accounting.scss
Normal file
44
packages/webapp/src/style/pages/Preferences/Accounting.scss
Normal file
@@ -0,0 +1,44 @@
|
||||
// Accountant.
|
||||
// ---------------------------------
|
||||
.preferences-page__inside-content--accountant {
|
||||
.card {
|
||||
padding: 25px;
|
||||
|
||||
.card__footer {
|
||||
padding-top: 16px;
|
||||
border-top: 1px solid #e0e7ea;
|
||||
margin-top: 30px;
|
||||
|
||||
.bp3-button {
|
||||
min-width: 65px;
|
||||
|
||||
+ .bp3-button {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-group--select-list {
|
||||
button {
|
||||
min-width: 250px;
|
||||
}
|
||||
}
|
||||
.bp3-form-group {
|
||||
.bp3-form-helper-text {
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
label.bp3-label {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
}
|
||||
.bp3-form-group.accounts-checkbox {
|
||||
.bp3-form-group.bp3-inline {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.bp3-control.bp3-inline {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
// Currencies List.
|
||||
// ---------------------------------
|
||||
.preferences-page__inside-content--currencies{
|
||||
|
||||
.bigcapital-datatable {
|
||||
|
||||
.tr:last-child .td{
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
21
packages/webapp/src/style/pages/Preferences/GeneralForm.scss
Normal file
21
packages/webapp/src/style/pages/Preferences/GeneralForm.scss
Normal file
@@ -0,0 +1,21 @@
|
||||
|
||||
|
||||
// General page
|
||||
//---------------------------------
|
||||
.preferences-page__inside-content--general {
|
||||
|
||||
.bp3-form-group {
|
||||
max-width: 650px;
|
||||
margin-bottom: 24px;
|
||||
|
||||
.bp3-label {
|
||||
min-width: 190px;
|
||||
font-weight: 600;
|
||||
color: #38414e;
|
||||
}
|
||||
|
||||
.bp3-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
72
packages/webapp/src/style/pages/Preferences/Page.scss
Normal file
72
packages/webapp/src/style/pages/Preferences/Page.scss
Normal file
@@ -0,0 +1,72 @@
|
||||
@import '../../Base.scss';
|
||||
|
||||
.dashboard-content--preferences {
|
||||
flex-direction: row;
|
||||
flex: 1 0 0;
|
||||
min-width: auto;
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
.dashboard {
|
||||
&__preferences-content {
|
||||
flex: 1 0 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
.preferences-page {
|
||||
&__inside-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
&--tabable {
|
||||
margin-left: -25px;
|
||||
margin-right: -25px;
|
||||
}
|
||||
.card{
|
||||
margin: 15px;
|
||||
}
|
||||
.bigcapital-datatable{
|
||||
|
||||
.table .tbody .tbody-inner > .loading{
|
||||
padding: 30px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&__inside-content {
|
||||
overflow: auto;
|
||||
|
||||
.#{$ns}-tab-list {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
align-items: baseline;
|
||||
|
||||
.#{$ns}-tab {
|
||||
font-weight: 400;
|
||||
line-height: 44px;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__tabs-extra-actions {
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.preferences-page {
|
||||
display: flex;
|
||||
flex: 1 0 0;
|
||||
|
||||
&__content {
|
||||
flex: 1 0 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-left: 220px;
|
||||
|
||||
.dashboard__card {
|
||||
margin: 15px;
|
||||
flex: 1 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
48
packages/webapp/src/style/pages/Preferences/Roles/Form.scss
Normal file
48
packages/webapp/src/style/pages/Preferences/Roles/Form.scss
Normal file
@@ -0,0 +1,48 @@
|
||||
// Roles Form page
|
||||
//---------------------------------
|
||||
.preferences-page__inside-content--roles-form {
|
||||
padding-bottom: 60px;
|
||||
|
||||
.card {
|
||||
padding: 25px;
|
||||
|
||||
.card__footer {
|
||||
padding-top: 16px;
|
||||
border-top: 1px solid #e0e7ea;
|
||||
margin-top: 30px;
|
||||
|
||||
.bp3-button {
|
||||
min-width: 65px;
|
||||
|
||||
+ .bp3-button {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
max-width: 600px;
|
||||
margin-bottom: 14px;
|
||||
|
||||
&.bp3-inline {
|
||||
.bp3-label {
|
||||
min-width: 150px;
|
||||
}
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&:last-of-type{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.form-group--description {
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
// SMS Integration.
|
||||
// ---------------------------------
|
||||
|
||||
.preferences-page__inside-content--sms-integration {
|
||||
.bigcapital-datatable {
|
||||
.table {
|
||||
.tbody {
|
||||
.notification {
|
||||
&__label {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
&__desc {
|
||||
font-size: 13px;
|
||||
margin-top: 3px;
|
||||
line-height: 1.25;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.sms_message.td {
|
||||
.edit-text {
|
||||
display: inline-block;
|
||||
font-size: 11.5px;
|
||||
color: #1652c8;
|
||||
margin-left: 2px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bp3-tabs {
|
||||
.bp3-tab-panel {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
76
packages/webapp/src/style/pages/Preferences/Sidebar.scss
Normal file
76
packages/webapp/src/style/pages/Preferences/Sidebar.scss
Normal file
@@ -0,0 +1,76 @@
|
||||
@import '../../Base.scss';
|
||||
|
||||
// Preferences sidebar.
|
||||
// -----------------------------
|
||||
.preferences-sidebar {
|
||||
background: #eaeef6;
|
||||
border-right: 1px solid #c6d0d9;
|
||||
min-width: 220px;
|
||||
max-width: 220px;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
|
||||
&__wrapper {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.ScrollbarsCustom-Track {
|
||||
|
||||
&.ScrollbarsCustom-TrackY,
|
||||
&.ScrollbarsCustom-TrackX {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.ScrollbarsCustom-Thumb {
|
||||
|
||||
&.ScrollbarsCustom-ThumbX,
|
||||
&.ScrollbarsCustom-ThumbY {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.ScrollbarsCustom-Thumb {
|
||||
|
||||
&.ScrollbarsCustom-ThumbX,
|
||||
&.ScrollbarsCustom-ThumbY {
|
||||
background: rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__head {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
height: 60px;
|
||||
padding: 0 22px;
|
||||
border-bottom: 1px solid #bbcbd0;
|
||||
|
||||
h2 {
|
||||
font-size: 22px;
|
||||
color: #3b3b4c;
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&__menu {
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
|
||||
.#{$ns}-menu-item {
|
||||
padding: 8px 18px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
|
||||
&:hover,
|
||||
&.#{$ns}-active {
|
||||
background-color: rgba(255, 255, 255, 0.6);
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
62
packages/webapp/src/style/pages/Preferences/Topbar.scss
Normal file
62
packages/webapp/src/style/pages/Preferences/Topbar.scss
Normal file
@@ -0,0 +1,62 @@
|
||||
@import '../../Base.scss';
|
||||
|
||||
// Preferences topbar.
|
||||
// -----------------------------
|
||||
.preferences-topbar {
|
||||
border-bottom: 1px solid #d2dde2;
|
||||
min-height: 60px;
|
||||
flex: 60px 0 0;
|
||||
padding: 0 0 0 22px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
|
||||
&__title {
|
||||
h2 {
|
||||
font-size: 22px;
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
color: #48485b;
|
||||
}
|
||||
}
|
||||
|
||||
&__user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 14px;
|
||||
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
padding: 0;
|
||||
background-size: contain;
|
||||
background-color: #eed1f2;
|
||||
border-radius: 50%;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
|
||||
.user-text {
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
}
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: #cb20e5;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__actions {
|
||||
margin-left: auto;
|
||||
padding-right: 15px;
|
||||
margin-right: 15px;
|
||||
border-right: 1px solid #e5e5e5;
|
||||
|
||||
.bp3-button + .bp3-button {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
32
packages/webapp/src/style/pages/Preferences/Users.scss
Normal file
32
packages/webapp/src/style/pages/Preferences/Users.scss
Normal file
@@ -0,0 +1,32 @@
|
||||
// Users/Roles List.
|
||||
// ---------------------------------
|
||||
.preferences-page__inside-content--users {
|
||||
.bigcapital-datatable {
|
||||
.td {
|
||||
.avatar {
|
||||
display: block;
|
||||
height: 28px;
|
||||
width: 28px;
|
||||
text-align: center;
|
||||
background: #b7bfc6;
|
||||
border-radius: 50%;
|
||||
line-height: 28px;
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
.td.status {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.tr:last-child .td {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
.bp3-tabs {
|
||||
.bp3-tab-panel {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
// Branches List.
|
||||
// ---------------------------------
|
||||
.preferences-page__inside-content--branches {
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
// warehouses List.
|
||||
// ---------------------------------
|
||||
.preferences-page__inside-content--warehouses {
|
||||
height: 100%;
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
.dialog--reconcile-credit-form {
|
||||
width: 850px;
|
||||
|
||||
.bp3-callout {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
.dialog--reconcile-vendor-credit-form {
|
||||
width: 850px;
|
||||
|
||||
.bigcapital-datatable {
|
||||
.table {
|
||||
border: 1px solid #d1dee2;
|
||||
min-width: auto;
|
||||
|
||||
.tbody,
|
||||
.tbody-inner {
|
||||
height: auto;
|
||||
scrollbar-width: none;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.tbody {
|
||||
.bp3-form-group {
|
||||
margin-bottom: 0;
|
||||
|
||||
&:not(.bp3-intent-danger) .bp3-input {
|
||||
border: 1px solid #d0dfe2;
|
||||
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 1px #116cd0;
|
||||
border-color: #116cd0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-callout {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
.reference-number-form {
|
||||
|
||||
.bp3-dialog-body {
|
||||
|
||||
.paragraph {
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.bp3-control {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
.bp3-button[type='submit'] {
|
||||
min-width: 80px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
.dialog--refund-credit-note {
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
&--description {
|
||||
.bp3-form-content {
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
27
packages/webapp/src/style/pages/RefundVendorCredit/List.scss
Normal file
27
packages/webapp/src/style/pages/RefundVendorCredit/List.scss
Normal file
@@ -0,0 +1,27 @@
|
||||
.datatable--refund-transactions {
|
||||
padding: 12px;
|
||||
.table {
|
||||
.tbody,
|
||||
.thead {
|
||||
.tr .th {
|
||||
padding: 8px 8px;
|
||||
background-color: #fff;
|
||||
font-size: 14px;
|
||||
border-bottom: 1px solid #000;
|
||||
border-top: 1px solid #000;
|
||||
}
|
||||
}
|
||||
.tbody {
|
||||
.tr .td {
|
||||
border-bottom: 0;
|
||||
padding-top: 0.4rem;
|
||||
padding-bottom: 0.4rem;
|
||||
|
||||
&.credit,
|
||||
&.debit {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
.dialog--refund-vendor-credit {
|
||||
max-width: 450px;
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
&--description {
|
||||
.bp3-form-content {
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bp3-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
29
packages/webapp/src/style/pages/SMSMessage/SMSMessage.scss
Normal file
29
packages/webapp/src/style/pages/SMSMessage/SMSMessage.scss
Normal file
@@ -0,0 +1,29 @@
|
||||
.dialog--sms-message {
|
||||
width: 800px;
|
||||
|
||||
.bp3-form-group {
|
||||
margin-bottom: 15px;
|
||||
|
||||
label.bp3-label {
|
||||
font-size: 13px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.form-group {
|
||||
&--message_text {
|
||||
.bp3-form-content {
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
min-height: 90px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
13
packages/webapp/src/style/pages/SaleEstimate/List.scss
Normal file
13
packages/webapp/src/style/pages/SaleEstimate/List.scss
Normal file
@@ -0,0 +1,13 @@
|
||||
.dashboard__insider--sale_estimate {
|
||||
.bigcapital-datatable {
|
||||
.tbody {
|
||||
.td.amount {
|
||||
.cell-inner {
|
||||
> span {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
55
packages/webapp/src/style/pages/SaleEstimate/PageForm.scss
Normal file
55
packages/webapp/src/style/pages/SaleEstimate/PageForm.scss
Normal file
@@ -0,0 +1,55 @@
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
.bp3-label {
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
margin-bottom: 18px;
|
||||
|
||||
&.bp3-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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
59
packages/webapp/src/style/pages/SaleInvoice/List.scss
Normal file
59
packages/webapp/src/style/pages/SaleInvoice/List.scss
Normal file
@@ -0,0 +1,59 @@
|
||||
.dashboard__insider--sales-invoices-list {
|
||||
.bigcapital-datatable {
|
||||
.tbody {
|
||||
.balance.td {
|
||||
.cell-inner {
|
||||
> span {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
.status.td {
|
||||
.overdue-status,
|
||||
.due-status {
|
||||
display: block;
|
||||
font-size: 13.5px;
|
||||
line-height: 1.4;
|
||||
|
||||
+ .partial-paid {
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
.overdue-status {
|
||||
color: #ec5b0a;
|
||||
}
|
||||
.due-status {
|
||||
color: #1652c8;
|
||||
}
|
||||
.partial-paid {
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
margin-bottom: 6px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.fully-paid-icon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 8px;
|
||||
|
||||
svg {
|
||||
fill: #2ba01d;
|
||||
}
|
||||
}
|
||||
.fully-paid-text {
|
||||
font-size: 13.5px;
|
||||
}
|
||||
.bp3-progress-bar {
|
||||
height: 3px;
|
||||
max-width: 180px;
|
||||
|
||||
&,
|
||||
.bp3-progress-meter {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
106
packages/webapp/src/style/pages/SaleInvoice/PageForm.scss
Normal file
106
packages/webapp/src/style/pages/SaleInvoice/PageForm.scss
Normal file
@@ -0,0 +1,106 @@
|
||||
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;
|
||||
}
|
||||
|
||||
.bp3-label {
|
||||
min-width: 150px;
|
||||
}
|
||||
|
||||
.bp3-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
&.bp3-inline {
|
||||
max-width: 450px;
|
||||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
|
||||
.col {
|
||||
max-width: 470px;
|
||||
|
||||
&--due-date {
|
||||
.bp3-form-group {
|
||||
margin: 0px 15px 15px;
|
||||
|
||||
.bp3-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;
|
||||
}
|
||||
|
||||
.bp3-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 {}
|
||||
}
|
||||
13
packages/webapp/src/style/pages/SaleReceipt/List.scss
Normal file
13
packages/webapp/src/style/pages/SaleReceipt/List.scss
Normal file
@@ -0,0 +1,13 @@
|
||||
.dashboard__insider--sales_receipts {
|
||||
.bigcapital-datatable {
|
||||
.tbody {
|
||||
.td.amount {
|
||||
.cell-inner {
|
||||
> span {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
51
packages/webapp/src/style/pages/SaleReceipt/PageForm.scss
Normal file
51
packages/webapp/src/style/pages/SaleReceipt/PageForm.scss
Normal file
@@ -0,0 +1,51 @@
|
||||
|
||||
|
||||
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;
|
||||
}
|
||||
.bp3-label{
|
||||
min-width: 150px;
|
||||
}
|
||||
.bp3-form-content{
|
||||
width: 100%;
|
||||
}
|
||||
.bp3-form-group{
|
||||
margin-bottom: 18px;
|
||||
|
||||
&.bp3-inline{
|
||||
max-width: 450px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#{$self}__footer{
|
||||
.form-group--receipt_message,
|
||||
.form-group--statement{
|
||||
max-width: 450px;
|
||||
width: 100%;
|
||||
|
||||
textarea{
|
||||
width: 100%;
|
||||
min-height: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
30
packages/webapp/src/style/pages/Setup/Congrats.scss
Normal file
30
packages/webapp/src/style/pages/Setup/Congrats.scss
Normal file
@@ -0,0 +1,30 @@
|
||||
.setup-congrats {
|
||||
width: 500px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
padding-top: 80px;
|
||||
|
||||
&__page {
|
||||
}
|
||||
|
||||
&__text {
|
||||
margin-top: 30px;
|
||||
|
||||
h1 {
|
||||
color: #2d2b43;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.paragraph {
|
||||
font-size: 16px;
|
||||
opacity: 0.85;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.bp3-button {
|
||||
height: 38px;
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
font-size: 15px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
41
packages/webapp/src/style/pages/Setup/Initializing.scss
Normal file
41
packages/webapp/src/style/pages/Setup/Initializing.scss
Normal file
@@ -0,0 +1,41 @@
|
||||
|
||||
// Setup initializing form
|
||||
.setup-initializing-form {
|
||||
width: 95%;
|
||||
margin: 0 auto;
|
||||
padding: 16% 0 0;
|
||||
|
||||
.bp3-progress-bar {
|
||||
background: rgba(92, 112, 128, 0.2);
|
||||
border-radius: 40px;
|
||||
display: block;
|
||||
height: 6px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
|
||||
.bp3-progress-meter {
|
||||
background-color: #809cb3;
|
||||
}
|
||||
}
|
||||
|
||||
&__title {
|
||||
text-align: center;
|
||||
margin-top: 35px;
|
||||
|
||||
h1 {
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
color: #454c59;
|
||||
margin-top: 0;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.paragraph {
|
||||
width: 70%;
|
||||
margin: 0 auto;
|
||||
color: #2e4266;
|
||||
}
|
||||
}
|
||||
}
|
||||
73
packages/webapp/src/style/pages/Setup/Organization.scss
Normal file
73
packages/webapp/src/style/pages/Setup/Organization.scss
Normal file
@@ -0,0 +1,73 @@
|
||||
|
||||
.setup-organization {
|
||||
width: 580px;
|
||||
margin: 0 auto;
|
||||
padding: 45px 0 20px;
|
||||
|
||||
&__title-wrap {
|
||||
margin-bottom: 20px;
|
||||
|
||||
h1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
color: #565e6c;
|
||||
}
|
||||
.paragraph {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
form {
|
||||
h3 {
|
||||
color: #6b7382;
|
||||
margin-bottom: 1.6rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
margin-bottom: 24px;
|
||||
|
||||
.bp3-input-group {
|
||||
.bp3-input {
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
}
|
||||
.bp3-input,
|
||||
.form-group--select-list .bp3-button{
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
label.bp3-label{
|
||||
color: #20242e;
|
||||
}
|
||||
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
width: 100%;
|
||||
height: 38px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.bp3-text-muted {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.register-org-note {
|
||||
font-size: 13px;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
margin-bottom: 1.75rem;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.register-org-button {
|
||||
.bp3-button {
|
||||
background-color: #0052cc;
|
||||
min-width: 175px;
|
||||
height: 40px;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
|
||||
|
||||
.dialog--payment-via-voucher{
|
||||
|
||||
.bp3-dialog-body{
|
||||
p{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.form-group-license_code{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer-actions{
|
||||
button{
|
||||
min-width: 80px;
|
||||
|
||||
&.bp3-intent-primary{
|
||||
min-width: 90px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
208
packages/webapp/src/style/pages/Setup/SetupPage.scss
Normal file
208
packages/webapp/src/style/pages/Setup/SetupPage.scss
Normal file
@@ -0,0 +1,208 @@
|
||||
@import "../../Base.scss";
|
||||
|
||||
.setup-page {
|
||||
max-width: 1600px;
|
||||
|
||||
&__right-section {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
max-width: 350px;
|
||||
min-width: 350px;
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
min-width: 300px;
|
||||
max-width: 350px;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
h1,
|
||||
h3 {
|
||||
font-weight: 500;
|
||||
color: #6b7382;
|
||||
}
|
||||
}
|
||||
|
||||
&__content {
|
||||
width: 100%;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
&__left-section {
|
||||
position: fixed;
|
||||
background-color: #01115e;
|
||||
overflow: auto;
|
||||
z-index: 1;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 350px;
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
color: #ffffff;
|
||||
padding: 25px;
|
||||
margin: 0px auto;
|
||||
border: none;
|
||||
height: 100%;
|
||||
|
||||
&__logo {
|
||||
opacity: 0.65;
|
||||
margin-bottom: 60px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-size: 26px;
|
||||
font-weight: 600;
|
||||
line-height: normal;
|
||||
margin-bottom: 20px;
|
||||
margin-top: 14px;
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
|
||||
&__text {
|
||||
font-size: 16px;
|
||||
opacity: 0.75;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
&__organization {
|
||||
font-size: 16px;
|
||||
opacity: 0.75;
|
||||
|
||||
span>a {
|
||||
text-decoration: underline;
|
||||
color: #ffffff;
|
||||
margin-top: 6px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
&__divider {
|
||||
height: 3px;
|
||||
width: 100px;
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
&__footer {
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
&__contact-info {
|
||||
font-size: 16px;
|
||||
margin-bottom: 20px;
|
||||
opacity: 0.75;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
|
||||
|
||||
p>span {
|
||||
unicode-bidi: plaintext;
|
||||
}
|
||||
}
|
||||
|
||||
&__links {
|
||||
text-align: left;
|
||||
opacity: 0.55;
|
||||
|
||||
>div {
|
||||
font-size: 13px;
|
||||
margin-right: 15px;
|
||||
display: inline;
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.setup-page-steps {
|
||||
&-container {
|
||||
margin: 0 auto;
|
||||
padding: 50px 0 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
list-style-type: none;
|
||||
width: 25%;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: 16px;
|
||||
|
||||
&::before {
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
content: '';
|
||||
line-height: 30px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 0 auto 10px auto;
|
||||
border-radius: 50%;
|
||||
background-color: #75859c;
|
||||
}
|
||||
|
||||
&::after {
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
content: '';
|
||||
position: absolute;
|
||||
background-color: #75859c;
|
||||
top: 5px;
|
||||
left: -50%;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
&:first-child::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
text-decoration: underline;
|
||||
|
||||
&::before {
|
||||
background-color: #75859c;
|
||||
}
|
||||
|
||||
~li {
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
background: #e0e0e0;
|
||||
}
|
||||
}
|
||||
|
||||
p.wizard-info {
|
||||
color: #004dd0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
6
packages/webapp/src/style/pages/Setup/Subscription.scss
Normal file
6
packages/webapp/src/style/pages/Setup/Subscription.scss
Normal file
@@ -0,0 +1,6 @@
|
||||
|
||||
.setup-subscription-form{
|
||||
margin: 0 auto;
|
||||
padding: 0 80px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
@@ -0,0 +1,73 @@
|
||||
|
||||
.billing-plans{
|
||||
max-width: 753px;
|
||||
.paragraph{
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
&__section{
|
||||
margin-bottom: 40px;
|
||||
|
||||
.title{
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
color: #6b7382;
|
||||
margin-top: 0;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.bp3-tab-list {
|
||||
border-bottom: 2px solid #e6e6e6;
|
||||
width: 95%;
|
||||
|
||||
.bp3-tab-indicator-wrapper .bp3-tab-indicator{
|
||||
bottom: -2px;
|
||||
}
|
||||
}
|
||||
.bp3-tab-panel{
|
||||
margin-top: 26px;
|
||||
}
|
||||
.subscribe-button {
|
||||
.bp3-button {
|
||||
background-color: #0063ff;
|
||||
min-height: 41px;
|
||||
width: 240px;
|
||||
}
|
||||
}
|
||||
.plan-radios,
|
||||
.plan-periods{
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.license-container {
|
||||
|
||||
.bp3-button{
|
||||
margin-top: 14px;
|
||||
padding: 0 30px;
|
||||
}
|
||||
.form-group-license_code{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp3-input-group {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
.bp3-input {
|
||||
position: relative;
|
||||
width: 59%;
|
||||
height: 41px;
|
||||
}
|
||||
}
|
||||
h4 {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
color: #444444;
|
||||
}
|
||||
p {
|
||||
margin-top: 15px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,43 @@
|
||||
|
||||
|
||||
// Plan period radio component.
|
||||
// ---------------------
|
||||
.period-radios{
|
||||
display: flex;
|
||||
}
|
||||
.period-radio{
|
||||
display: inline-flex;
|
||||
background-color: #fcfdff;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 240px;
|
||||
height: 36px;
|
||||
border-radius: 5px;
|
||||
padding: 8px 10px;
|
||||
color: #000;
|
||||
border: 1px solid #dcdcdc;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
|
||||
&.is-selected {
|
||||
border: 1px solid #0069ff;
|
||||
background-color: #fcfdff;
|
||||
}
|
||||
&:not(:first-child) {
|
||||
margin-left: 20px;
|
||||
}
|
||||
&__amount{
|
||||
font-weight: 600;
|
||||
}
|
||||
&__period{
|
||||
color: #2f3863;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
|
||||
&::before {
|
||||
content: '/';
|
||||
display: inline-block;
|
||||
margin: 0 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
81
packages/webapp/src/style/pages/Subscription/PlanRadio.scss
Normal file
81
packages/webapp/src/style/pages/Subscription/PlanRadio.scss
Normal file
@@ -0,0 +1,81 @@
|
||||
|
||||
|
||||
// Plan radio component.
|
||||
// ---------------------
|
||||
.plan-radios{
|
||||
display: flex;
|
||||
}
|
||||
.plan-radio {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 215px;
|
||||
min-height: 277px;
|
||||
border-radius: 5px;
|
||||
padding: 15px;
|
||||
border: 1px solid #dcdcdc;
|
||||
background: #fcfdff;
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
|
||||
&.is-selected {
|
||||
border: 1px solid #0069ff;
|
||||
background-color: #fcfdff;
|
||||
}
|
||||
&:not(:first-child) {
|
||||
margin-left: 20px;
|
||||
}
|
||||
&__header {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
&__name {
|
||||
background: #3657ff;
|
||||
border-radius: 3px;
|
||||
padding: 2px 10px;
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
margin-bottom: 18px;
|
||||
height: 21px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
&__description {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
|
||||
li{
|
||||
position: relative;
|
||||
padding-left: 12px;
|
||||
margin-bottom: 9px;
|
||||
|
||||
&:before{
|
||||
content: '-';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
opacity: 0.6;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&__price {
|
||||
margin-top: auto;
|
||||
font-size: 15px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
&__amount {
|
||||
font-weight: 600;
|
||||
}
|
||||
&__period {
|
||||
font-weight: 400;
|
||||
color: #2f3863;
|
||||
|
||||
&::before {
|
||||
content: '/';
|
||||
display: inline-block;
|
||||
margin: 0 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
.dialog--transaction--locking {
|
||||
max-width: 450px;
|
||||
|
||||
.bp3-form-group {
|
||||
margin-bottom: 10px;
|
||||
margin-top: 10px;
|
||||
|
||||
label.bp3-label {
|
||||
font-size: 13px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.form-group {
|
||||
&--reason {
|
||||
.bp3-form-content {
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-height: 85px;
|
||||
min-width: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bp3-dialog-footer {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
// padding-top: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
33
packages/webapp/src/style/pages/Users/InviteFormDialog.scss
Normal file
33
packages/webapp/src/style/pages/Users/InviteFormDialog.scss
Normal file
@@ -0,0 +1,33 @@
|
||||
.dialog--invite-form {
|
||||
width: 450px;
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
min-width: 70px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 250px;
|
||||
|
||||
.bp3-dialog-footer-actions {
|
||||
margin-right: 20px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dialog--invite-user {
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 250px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
33
packages/webapp/src/style/pages/Users/UserFormDialog.scss
Normal file
33
packages/webapp/src/style/pages/Users/UserFormDialog.scss
Normal file
@@ -0,0 +1,33 @@
|
||||
.dialog--user-form {
|
||||
width: 450px;
|
||||
|
||||
.bp3-form-group {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.bp3-dialog-body {
|
||||
margin-bottom: 30px;
|
||||
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 250px;
|
||||
}
|
||||
}
|
||||
.bp3-dialog-header {
|
||||
height: 170px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-callout {
|
||||
font-size: 13px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
.bp3-button {
|
||||
min-width: 75px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
.dialog--vendor-opening-balance {
|
||||
max-width: 400px;
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
margin-bottom: 15px;
|
||||
margin-top: 15px;
|
||||
|
||||
label.bp3-label {
|
||||
margin-bottom: px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
162
packages/webapp/src/style/pages/Vendors/Form.scss
Normal file
162
packages/webapp/src/style/pages/Vendors/Form.scss
Normal file
@@ -0,0 +1,162 @@
|
||||
@import '../../Base.scss';
|
||||
|
||||
.page-form--vendor {
|
||||
$self: '.page-form';
|
||||
padding: 20px;
|
||||
|
||||
#{$self}__header {
|
||||
padding: 0;
|
||||
}
|
||||
#{$self}__primary-section {
|
||||
padding: 10px 0 0;
|
||||
margin: 0 0 20px;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #e4e4e4;
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
max-width: 500px;
|
||||
|
||||
.bp3-control {
|
||||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
&.bp3-inline {
|
||||
.bp3-label {
|
||||
min-width: 150px;
|
||||
}
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.form-group--contact_name {
|
||||
max-width: 600px;
|
||||
|
||||
.bp3-control-group > * {
|
||||
flex-shrink: unset;
|
||||
|
||||
&:not(:last-child) {
|
||||
padding-right: 10px;
|
||||
}
|
||||
&.input-group--salutation-list {
|
||||
width: 25%;
|
||||
}
|
||||
&.input-group--first-name,
|
||||
&.input-group--last-name {
|
||||
width: 37%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.bp3-tab-panel {
|
||||
margin-top: 26px;
|
||||
}
|
||||
|
||||
.form-group--phone-number {
|
||||
.bp3-control-group > * {
|
||||
flex-shrink: unset;
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#{$self}__tabs {
|
||||
margin-top: 20px;
|
||||
max-width: 1000px;
|
||||
|
||||
h4 {
|
||||
font-weight: 500;
|
||||
color: #888;
|
||||
margin-bottom: 1.2rem;
|
||||
font-size: 14px;
|
||||
}
|
||||
// Tab panels.
|
||||
.tab-panel {
|
||||
&--address {
|
||||
.bp3-form-group {
|
||||
max-width: 440px;
|
||||
|
||||
&.bp3-inline {
|
||||
.bp3-label {
|
||||
min-width: 145px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
textarea.bp3-input {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
min-height: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&--note {
|
||||
.form-group--note {
|
||||
.bp3-form-group {
|
||||
max-width: 600px;
|
||||
}
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-height: 100px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropzone-container {
|
||||
max-width: 600px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-tabs {
|
||||
.bp3-tab-list {
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
> *:not(:last-child) {
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
&.bp3-large > .bp3-tab {
|
||||
font-size: 15px;
|
||||
color: #555;
|
||||
|
||||
&[aria-selected='true'],
|
||||
&:not([aria-disabled='true']):hover {
|
||||
color: $pt-link-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#{$self}__floating-actions {
|
||||
// margin-left: -40px;
|
||||
// margin-right: -40px;
|
||||
}
|
||||
}
|
||||
34
packages/webapp/src/style/pages/Vendors/List.scss
Normal file
34
packages/webapp/src/style/pages/Vendors/List.scss
Normal file
@@ -0,0 +1,34 @@
|
||||
.dashboard__insider--vendors-list {
|
||||
.bigcapital-datatable {
|
||||
tbody {
|
||||
.tr .td {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.avatar.td {
|
||||
.avatar {
|
||||
display: inline-block;
|
||||
background: #adbcc9;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
|
||||
&[data-size='medium'] {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
&[data-size='small'] {
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
line-height: 25px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
13
packages/webapp/src/style/pages/Vendors/PageForm.scss
Normal file
13
packages/webapp/src/style/pages/Vendors/PageForm.scss
Normal file
@@ -0,0 +1,13 @@
|
||||
@import '../../Base.scss';
|
||||
|
||||
body.page-vendor-new,
|
||||
body.page-vendor-edit{
|
||||
|
||||
.dashboard__footer{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__insider--vendor-form{
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
20
packages/webapp/src/style/pages/VendorsCreditNote/List.scss
Normal file
20
packages/webapp/src/style/pages/VendorsCreditNote/List.scss
Normal file
@@ -0,0 +1,20 @@
|
||||
.dashboard__insider--vendors-credit-note-list {
|
||||
.bigcapital-datatable {
|
||||
.tbody {
|
||||
.amount.td {
|
||||
.cell-inner {
|
||||
> span {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.table-size--small {
|
||||
.status.td {
|
||||
.bp3-progress-bar {
|
||||
height: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
body.page-vendor-credit-note-new,
|
||||
body.page-vendor-credit-note-edit {
|
||||
.dashboard__footer {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__insider--vendor-credit-form {
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
|
||||
.page-form--vendor-credit-note {
|
||||
$self: '.page-form';
|
||||
|
||||
#{$self}__header {
|
||||
display: flex;
|
||||
|
||||
&-fields {
|
||||
flex: 1 0 0;
|
||||
}
|
||||
|
||||
.bp3-label {
|
||||
min-width: 150px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
&.bp3-inline {
|
||||
max-width: 450px;
|
||||
}
|
||||
}
|
||||
.col--invoice-date {
|
||||
max-width: 435px;
|
||||
}
|
||||
}
|
||||
#{$self}__footer {
|
||||
.form-group--note {
|
||||
max-width: 450px;
|
||||
width: 100%;
|
||||
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-height: 60px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,50 @@
|
||||
body.page-warehouse-transfer-new,
|
||||
body.page-warehouse-transfer-edit {
|
||||
.dashboard__footer {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__insider--warehouse-transfer-form {
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
|
||||
.page-form--warehouse-transfer {
|
||||
$self: '.page-form';
|
||||
|
||||
#{$self}__header {
|
||||
display: flex;
|
||||
|
||||
&-fields {
|
||||
flex: 1 0 0;
|
||||
}
|
||||
|
||||
.bp3-label {
|
||||
min-width: 150px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
&.bp3-inline {
|
||||
max-width: 450px;
|
||||
}
|
||||
}
|
||||
.col--date {
|
||||
max-width: 435px;
|
||||
}
|
||||
}
|
||||
|
||||
#{$self}__footer {
|
||||
.form-group--reason {
|
||||
max-width: 450px;
|
||||
width: 100%;
|
||||
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-height: 60px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
.dialog--warehouse-form {
|
||||
width: 650px;
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
font-size: 13px;
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 388px;
|
||||
}
|
||||
.bp3-control-group > * {
|
||||
flex-shrink: unset;
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
&.form-group--warehouse_name,
|
||||
&.form-group--phone_number {
|
||||
.bp3-form-content {
|
||||
width: 278px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bp3-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
15
packages/webapp/src/style/pages/authentication.scss
Normal file
15
packages/webapp/src/style/pages/authentication.scss
Normal file
@@ -0,0 +1,15 @@
|
||||
|
||||
// Blueprint framework.
|
||||
// @import '@blueprintjs/core/src/blueprint.scss';
|
||||
|
||||
.dashboard__insider--inventory-adjustments-list {
|
||||
.bigcapital-datatable {
|
||||
.table {
|
||||
.tbody {
|
||||
.tr .td{
|
||||
padding: 0.88rem 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
67
packages/webapp/src/style/pages/fonts.scss
Normal file
67
packages/webapp/src/style/pages/fonts.scss
Normal file
@@ -0,0 +1,67 @@
|
||||
|
||||
|
||||
// Noto Sans
|
||||
// -------------------------------------
|
||||
@font-face {
|
||||
font-family: Noto Sans;
|
||||
src: local('Noto Sans'), url('../fonts/NotoSans-SemiBold.woff') format('woff');
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Noto Sans;
|
||||
src: local('Noto Sans'), url('../fonts/NotoSans-Regular.woff') format('woff');
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Noto Sans;
|
||||
src: local('Noto Sans'), url('../fonts/NotoSans-Medium.woff') format('woff');
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Noto Sans;
|
||||
src: local('Noto Sans'), url('../fonts/NotoSans-Black.woff') format('woff');
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
// Segoe UI Arabic
|
||||
// -------------------------------------
|
||||
// Segoe UI Arabic - Regular
|
||||
@font-face {
|
||||
font-family: 'Segoe UI';
|
||||
src: local('Noto Sans'),
|
||||
url('../fonts/SegoeArabicUI-Regular.woff2') format('woff');
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
// Segoe UI Arabic - Bold
|
||||
@font-face {
|
||||
font-family: 'Segoe UI';
|
||||
src: local('Noto Sans'),
|
||||
url('../fonts/SegoeArabicUI-Bold.woff2') format('woff');
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
// Segoe UI Arabic - Semi Bold
|
||||
@font-face {
|
||||
font-family: 'Segoe UI';
|
||||
src: local('Noto Sans'),
|
||||
url('../fonts/SegoeArabicUI-SemiBold.woff2') format('woff');
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
.dialog--keyboard-shortcuts {
|
||||
.bigcapital-datatable {
|
||||
.table {
|
||||
max-height: 300px;
|
||||
border: 1px solid #d1dee2;
|
||||
min-width: auto;
|
||||
margin: 15px;
|
||||
.tbody,
|
||||
.thead .tr .td,
|
||||
.tr .th {
|
||||
background: #fff;
|
||||
}
|
||||
.tbody,
|
||||
.tbody-inner {
|
||||
height: 250px;
|
||||
scrollbar-width: none;
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.tbody {
|
||||
.tr .td {
|
||||
padding: 0.4rem;
|
||||
margin-left: -1px;
|
||||
border-left: 1px solid #ececec;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&__footer {
|
||||
text-align: right;
|
||||
margin: 0px 15px;
|
||||
|
||||
.bp3-button.bp3-small,
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal).bp3-small {
|
||||
min-width: 65px;
|
||||
height: 26px;
|
||||
min-height: 26px;
|
||||
}
|
||||
}
|
||||
}
|
||||
83
packages/webapp/src/style/pages/register-organizaton.scss
Normal file
83
packages/webapp/src/style/pages/register-organizaton.scss
Normal file
@@ -0,0 +1,83 @@
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.register-organizaton-form {
|
||||
width: 690px;
|
||||
margin: 0px auto;
|
||||
padding: 80px 50px;
|
||||
|
||||
.register-org-title {
|
||||
margin-bottom: 30px;
|
||||
|
||||
h2 {
|
||||
font-size: 22px;
|
||||
font-weight: 400;
|
||||
color: #555555;
|
||||
line-height: 2em;
|
||||
}
|
||||
p {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
color: #888888;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
.bp3-input-group {
|
||||
.bp3-input {
|
||||
position: relative;
|
||||
width: 619px;
|
||||
height: 38px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-group--base-currency,
|
||||
.form-group--language {
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
min-width: 300px;
|
||||
min-height: 38px;
|
||||
}
|
||||
}
|
||||
.form-group--language {
|
||||
margin-left: 18px;
|
||||
}
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
min-width: 619px;
|
||||
min-height: 38px;
|
||||
}
|
||||
|
||||
.form-group--time-zone {
|
||||
.bp3-text-muted {
|
||||
color: #000000;
|
||||
}
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
background: #fff;
|
||||
box-shadow: 0 0 0 transparent;
|
||||
border: 1px solid #ced4da;
|
||||
padding: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.register-org-note {
|
||||
width: 618px;
|
||||
font-size: 14px;
|
||||
line-height: 2.7rem;
|
||||
margin-bottom: 20px;
|
||||
border-bottom: 3px solid #f5f5f5;
|
||||
}
|
||||
.register-org-button {
|
||||
.bp3-button {
|
||||
background-color: #0052cc;
|
||||
width: 174px;
|
||||
min-height: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user