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

10
index.html
View File

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