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

UI updates

Browse Source
This commit is contained in:
sairaj mote 2022-03-11 16:19:31 +05:30
parent ae097df637
commit afebd5672c
4 changed files with 17 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/main.css
View File

@ -28,6 +28,9 @@ body {
transition: background-color 0.3s;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
}
body[data-theme=dark] {
@ -816,13 +819,6 @@ h3 {
padding: 1rem 1.5rem 0 1.5rem;
}
body {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
#main_card {
display: grid;
grid-template-columns: auto 1fr;

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

9
css/main.scss
View File

@ -28,6 +28,9 @@ body {
transition: background-color 0.3s;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
}
body[data-theme="dark"] {
@ -752,12 +755,6 @@ h3 {
grid-column: 1/-1;
padding: 1rem 1.5rem 0 1.5rem;
}
body {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
#main_card {
display: grid;
grid-template-columns: auto 1fr;

12
new.html
View File

@ -55,7 +55,11 @@
<sm-button variant="no-outline" class="submit-btn">OK</sm-button>
</div>
</sm-popup>
<div id="main_card">
<div id="loader" class="grid gap-1 text-center">
<sm-spinner></sm-spinner>
<h4>Loading RanchiMall Pay</h4>
</div>
<div id="main_card" class="hide">
<header id="main_header" class="flex align-center space-between">
<div class="flex align-center">
<svg class="icon" style="margin-right:0.3rem" viewBox="0 0 96 108"
@ -162,7 +166,7 @@
</div>
</section>
</div>
<section id="cashier" class="hide admin-element">
<section id="cashier" class=" grid gap-1 hide admin-element">
<h4>Requests</h4>
<ul id="cashier_request_list" class="observe-empty-state"></ul>
<div class="empty-state">
@ -368,6 +372,8 @@
console.log(result);
document.querySelectorAll('.admin-element').forEach(elem => elem.classList.remove('hide'))
document.querySelectorAll('.user-element').forEach(elem => elem.classList.add('hide'))
getRef('loader').classList.add('hide')
getRef('main_card').classList.remove('hide')
}).catch(error => console.error(error))
} else {
userUI.renderCashierRequests(User.cashierRequests);
@ -377,6 +383,8 @@
console.log("Cashiers:", cashierUPI);
document.querySelectorAll('.admin-element').forEach(elem => elem.classList.add('hide'))
document.querySelectorAll('.user-element').forEach(elem => elem.classList.remove('hide'))
getRef('loader').classList.add('hide')
getRef('main_card').classList.remove('hide')
}).catch(error => console.error(error))
}
renderAllTokenTransactions();