TheCloneArmy/crater
1
0
Fork 1
mirror of https://github.com/crater-invoice/crater.git synced 2025-10-28 04:01:10 -04:00
Code Issues Packages Projects Releases Wiki Activity

sidebar-view modified

Browse Source
This commit is contained in:
satyaprakash10
2019-12-09 18:58:53 +05:30
parent 7bba576dca
commit 1f4d3bf784
3 changed files with 31 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
resources/assets/js/views/invoices/View.vue
View File

@ -125,15 +125,17 @@
:key="index"
class="side-invoice"
>
<div class="left">
<div class="inv-name">{{ invoice.user.name }}</div>
<div class="inv-number">{{ invoice.invoice_number }}</div>
<div :class="'inv-status-'+invoice.status.toLowerCase()" class="inv-status">{{ invoice.status }}</div>
</div>
<div class="right">
<div class="inv-amount" v-html="$utils.formatMoney(invoice.due_amount, invoice.user.currency)" />
<div class="inv-date">{{ invoice.formattedInvoiceDate }}</div>
</div>
<div class="left">
<div class="inv-name">{{ invoice.user.name }}</div>
<div class="inv-number">{{ invoice.invoice_number }}</div>
<div :class="'inv-status-'+invoice.status.toLowerCase()" class="inv-status">{{ invoice.status }}</div>
</div>
<div class="right">
<div class="inv-amount" v-html="$utils.formatMoney(invoice.due_amount, invoice.user.currency)" />
<div class="inv-date">{{ invoice.formattedInvoiceDate }}</div>
</div>
</router-link>
<p v-if="!invoices.length" class="no-result">
{{ $t('invoices.no_matching_invoices') }}

10
resources/assets/sass/pages/estimates/view.scss vendored
View File

@ -32,8 +32,16 @@
margin-bottom: 98px;
}
&.router-link-exact-active {
border-left: 3px solid #645ddb;
}
&.router-link-exact-active {
background-color: #F9FBFF;
}
&:hover {
background-color: $ls-color-gray--very-light;
background-color: #F9FBFF;
}
.left {

10
resources/assets/sass/pages/invoices/view.scss vendored
View File

@ -32,8 +32,16 @@
margin-bottom: 98px;
}
&.router-link-exact-active {
border-left: 3px solid #645ddb;
}
&.router-link-exact-active {
background-color: #F9FBFF;
}
&:hover {
background-color: $ls-color-gray--very-light;
background-color: #F9FBFF;
}
.left {