UI bug fix

This commit is contained in:
sairaj mote 2023-09-09 20:56:18 +05:30
parent 032aba8012
commit 8b981ca8bf
4 changed files with 15 additions and 7 deletions

View File

@ -826,6 +826,9 @@ h3 {
gap: 1rem;
grid-template-columns: auto 1fr;
}
.loan-process ul li:not(:last-of-type) .details {
padding-bottom: 2rem;
}
.loan-process .progress {
display: grid;
justify-content: center;
@ -860,7 +863,6 @@ h3 {
.loan-process .details {
display: grid;
gap: 0.3rem;
padding-bottom: 2rem;
}
.loan-process .details button {
margin-top: 0.5rem;

2
css/main.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -779,6 +779,11 @@ h3 {
display: grid;
gap: 1rem;
grid-template-columns: auto 1fr;
&:not(:last-of-type) {
.details {
padding-bottom: 2rem;
}
}
}
}
.progress {
@ -817,7 +822,6 @@ h3 {
.details {
display: grid;
gap: 0.3rem;
padding-bottom: 2rem;
button {
margin-top: 0.5rem;
}

View File

@ -1525,10 +1525,12 @@
return html`
<section class="grid gap-1">
<sm-chips onchange=${handleChange}>
<sm-chip value="in-process" selected=${view === 'in-process'}>
In process
${loanRequestsInProcess.length ? html`<span class="badge">${loanRequestsInProcess.length}</span>` : ''}
</sm-chip>
${loanRequestsInProcess.length ? html`
<sm-chip value="in-process" selected=${view === 'in-process'}>
In process
<span class="badge">${loanRequestsInProcess.length}</span>
</sm-chip>
` : ''}
<sm-chip value="my-loans" selected=${view === 'my-loans'}>
My loans
${borrowed.length ? html`<span class="badge">${borrowed.length}</span>` : ''}