feat: invoice status.

This commit is contained in:
elforjani3
2020-12-15 20:11:36 +02:00
parent 461e18f2a4
commit ff95008bc6
8 changed files with 200 additions and 69 deletions

View File

@@ -1,46 +1,75 @@
.dashboard__insider--invoice-form{
background-color: #FFF;
.dashboard__insider--invoice-form {
background-color: #fff;
}
.page-form--invoice{
.page-form--invoice {
$self: '.page-form';
#{$self}__header{
#{$self}__header {
display: flex;
&-fields{
&-fields {
flex: 1 0 0;
}
.bp3-label{
.bp3-label {
min-width: 140px;
}
.bp3-form-content{
.bp3-form-content {
width: 100%;
}
.bp3-form-group{
.bp3-form-group {
margin-bottom: 18px;
&.bp3-inline{
max-width: 440px;
&.bp3-inline {
max-width: 440px;
}
}
.col--invoice-date{
.col--invoice-date {
max-width: 435px;
}
}
#{$self}__footer{
#{$self}__footer {
.form-group--invoice_message,
.form-group--terms_conditions{
.form-group--terms_conditions {
max-width: 450px;
width: 100%;
textarea{
textarea {
width: 100%;
min-height: 60px;
}
}
}
}
}
.status-accessor {
span > p {
font-size: 13px;
font-weight: 400;
line-height: 1.5;
}
.fully-paid {
display: inline-block;
border-radius: 50%;
background: #2ba01d;
color: #ffffff;
margin-right: 6px;
}
.bp3-progress-bar {
background: rgba(92, 112, 128, 0.2);
border-radius: 40px;
display: block;
height: 6px;
overflow: hidden;
position: relative;
width: 80%;
}
}
.overdue-status {
}
.remaining-status {
}