RanchiMall/flobank
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UX improvements

Browse Source
This commit is contained in:
sairaj mote 2021-09-23 17:04:19 +05:30
parent f4df4b7e7b
commit 5150990922
4 changed files with 28 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
css/main.css
View File

@ -30,7 +30,7 @@ body * {
--danger-color: rgb(255, 75, 75);
--green: #1cad59;
--yellow: #f3a600;
--loan-color: rgb(255, 196, 141);
--loan-color: rgb(255, 171, 93);
scrollbar-width: thin;
}
@ -45,7 +45,7 @@ body[data-theme=dark] * {
--danger-color: rgb(255, 106, 106);
--green: #00e676;
--yellow: #ffd13a;
--loan-color: rgb(255, 201, 170);
--loan-color: rgb(255, 232, 170);
}
p,
@ -666,7 +666,7 @@ strip-option {
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.05em;
font-size: 0.8rem;
font-size: 0.7rem;
--border-radius: 0;
--active-option-color: rgba(var(--background-color), 1);
--active-option-background-color: var(--accent-color);
@ -834,7 +834,7 @@ strip-option:last-of-type {
.status-tag:not(:empty) {
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 0.8rem;
font-size: 0.7rem;
border-radius: 0.2rem;
padding: 0.3rem 0.4rem;
font-weight: 500;
@ -1091,14 +1091,19 @@ strip-option:last-of-type {
font-weight: 700;
}
#account_detail__interest_type,
#account_detail__type {
color: rgba(var(--text-color), 0.8);
font-weight: 500;
}
#account_detail__interest_type {
font-size: 0.9rem;
}
#account_detail__interest {
font-size: 1.2rem;
font-size: 1rem;
margin-left: 0.4rem;
font-weight: 500;
}
#transaction__cta {

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

16
css/main.scss
View File

@ -26,7 +26,7 @@ body {
--danger-color: rgb(255, 75, 75);
--green: #1cad59;
--yellow: #f3a600;
--loan-color: rgb(255, 196, 141);
--loan-color: rgb(255, 171, 93);
scrollbar-width: thin;
}
@ -46,7 +46,7 @@ body[data-theme="dark"] {
--danger-color: rgb(255, 106, 106);
--green: #00e676;
--yellow: #ffd13a;
--loan-color: rgb(255, 201, 170);
--loan-color: rgb(255, 232, 170);
}
}
@ -585,7 +585,7 @@ strip-option {
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.05em;
font-size: 0.8rem;
font-size: 0.7rem;
--border-radius: 0;
--active-option-color: rgba(var(--background-color), 1);
--active-option-background-color: var(--accent-color);
@ -721,7 +721,7 @@ strip-option {
.status-tag:not(:empty) {
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 0.8rem;
font-size: 0.7rem;
border-radius: 0.2rem;
padding: 0.3rem 0.4rem;
font-weight: 500;
@ -939,13 +939,17 @@ strip-option {
font-size: 1.5rem;
font-weight: 700;
}
#account_detail__interest_type,
#account_detail__type {
color: rgba(var(--text-color), 0.8);
font-weight: 500;
}
#account_detail__interest_type {
font-size: 0.9rem;
}
#account_detail__interest {
font-size: 1.2rem;
font-size: 1rem;
margin-left: 0.4rem;
font-weight: 500;
}
#transaction__cta {
justify-self: flex-start;

10
index.html
View File

@ -635,10 +635,10 @@
<div class="grid gap-0-5">
<h5 id="account_detail__type" class="capitalize"></h5>
<h3 id="account_detail__amount"></h3>
</div>
<div class="grid gap-0-5">
<h5 id="account_detail__interest_type" class="capitalize"></h5>
<h4 id="account_detail__interest" class="h4"></h4>
<div class="flex">
<span id="account_detail__interest_type" class="capitalize"></span>
<span id="account_detail__interest"></span>
</div>
</div>
<sm-button id="account_action_button" onclick="processAccount()" variant="primary"></sm-button>
</div>
@ -1050,6 +1050,8 @@
checkPendingTransaction()
hideProcess('deposit')
hideProcess('loan')
getRef('get_deposit_amount').value = ''
getRef('get_loan_amount').value = ''
break;
case 'admin':
if (pagesData.openedSubPages.includes(subPageId)) {