0.5.17
style (user): new icon for request option
This commit is contained in:
parent
02e9a6626b
commit
060642ccf7
@ -213,7 +213,7 @@ span.ripple {
|
||||
}
|
||||
|
||||
.highlight {
|
||||
box-shadow: 0 0 0 0.2rem var(--accent-color);
|
||||
box-shadow: 0 0 0 0.2rem var(--accent-color) inset;
|
||||
transition: box-shadow 0.3s;
|
||||
}
|
||||
|
||||
@ -997,10 +997,6 @@ details p {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.request-icon {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.notification-dot::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
|
||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -208,7 +208,7 @@ span.ripple{
|
||||
}
|
||||
|
||||
.highlight{
|
||||
box-shadow: 0 0 0 0.2rem var(--accent-color);
|
||||
box-shadow: 0 0 0 0.2rem var(--accent-color) inset;
|
||||
transition: box-shadow 0.3s;
|
||||
}
|
||||
|
||||
@ -1011,10 +1011,6 @@ details{
|
||||
}
|
||||
}
|
||||
|
||||
.request-icon{
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.notification-dot::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
|
||||
52
index.html
52
index.html
@ -572,9 +572,11 @@
|
||||
<h4>Send rupee</h4>
|
||||
</div>
|
||||
<div class="option" onclick="showPopup('request_rupee')">
|
||||
<svg class="icon request-icon" viewBox="0 0 64 64">
|
||||
<path
|
||||
d="M47.28,16.8,29.6,34.64a3.3,3.3,0,0,1-3.59.71L2.5,25.42a3.28,3.28,0,0,1,.26-6.13L59.21.87A3.28,3.28,0,0,1,63.32,5l-18.93,56a3.26,3.26,0,0,1-6.12.18l-6.4-15.68" />
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 64 64">
|
||||
<title>request</title>
|
||||
<path d="M32,.33A31.68,31.68,0,0,0,5.15,48.53L1.34,62.82,15.54,59A31.22,31.22,0,0,0,32,63.67,31.67,31.67,0,0,0,32,.33Z"/>
|
||||
<path d="M26.5,25a5.5,5.5,0,0,1,11,0c0,5-5.5,6-5.5,9v4"/>
|
||||
<line x1="32" y1="42" x2="32" y2="47"/>
|
||||
</svg>
|
||||
<h4>Request rupee</h4>
|
||||
</div>
|
||||
@ -606,13 +608,13 @@
|
||||
<h4>RanchiMall Pay</h4>
|
||||
</div>
|
||||
<div id="scanner_icon" class="user-option hide-completely" onclick="showPopup('qr_code_popup')">
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
|
||||
<title>scanner</title>
|
||||
<path d="M24.5,63.5H5.58A5.08,5.08,0,0,1,.5,58.43V39.5" />
|
||||
<path d="M63.5,39.5V58.43a5.08,5.08,0,0,1-5.08,5.07H39.5" />
|
||||
<path d="M39.5.5H58.42A5.08,5.08,0,0,1,63.5,5.57V24.5" />
|
||||
<path d="M.5,24.5V5.57A5.08,5.08,0,0,1,5.58.5H24.5" />
|
||||
<line x1="12" y1="32" x2="52" y2="32" />
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 64 64">
|
||||
<title>qr scanner</title>
|
||||
<path d="M.5,22.5V8.5a8,8,0,0,1,8-8h14"/>
|
||||
<path d="M63.5,41.5v14a8,8,0,0,1-8,8h-14"/>
|
||||
<path d="M22.5,63.5H8.5a8,8,0,0,1-8-8v-14"/>
|
||||
<path d="M41.5.5h14a8,8,0,0,1,8,8v14"/>
|
||||
<line x1="12" y1="31" x2="52" y2="31"/>
|
||||
</svg>
|
||||
</div>
|
||||
</header>
|
||||
@ -643,9 +645,11 @@
|
||||
</div>
|
||||
<div title="requests page" id="request_page_btn" class="navbar-item user-option"
|
||||
onclick="showPage('request_page', this)">
|
||||
<svg class="icon request-icon" viewBox="0 0 64 64">
|
||||
<path
|
||||
d="M47.28,16.8,29.6,34.64a3.3,3.3,0,0,1-3.59.71L2.5,25.42a3.28,3.28,0,0,1,.26-6.13L59.21.87A3.28,3.28,0,0,1,63.32,5l-18.93,56a3.26,3.26,0,0,1-6.12.18l-6.4-15.68" />
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 64 64">
|
||||
<title>request</title>
|
||||
<path d="M32,.33A31.68,31.68,0,0,0,5.15,48.53L1.34,62.82,15.54,59A31.22,31.22,0,0,0,32,63.67,31.67,31.67,0,0,0,32,.33Z"/>
|
||||
<path d="M26.5,25a5.5,5.5,0,0,1,11,0c0,5-5.5,6-5.5,9v4"/>
|
||||
<line x1="32" y1="42" x2="32" y2="47"/>
|
||||
</svg>
|
||||
<h5>requests</h5>
|
||||
</div>
|
||||
@ -721,9 +725,11 @@
|
||||
<h4>Withdraw</h4>
|
||||
</div>
|
||||
<div class="option" id="request_rupee_option" onclick="showPopup('request_rupee')">
|
||||
<svg class="icon request-icon" viewBox="0 0 64 64">
|
||||
<path
|
||||
d="M47.28,16.8,29.6,34.64a3.3,3.3,0,0,1-3.59.71L2.5,25.42a3.28,3.28,0,0,1,.26-6.13L59.21.87A3.28,3.28,0,0,1,63.32,5l-18.93,56a3.26,3.26,0,0,1-6.12.18l-6.4-15.68" />
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 64 64">
|
||||
<title>request</title>
|
||||
<path d="M32,.33A31.68,31.68,0,0,0,5.15,48.53L1.34,62.82,15.54,59A31.22,31.22,0,0,0,32,63.67,31.67,31.67,0,0,0,32,.33Z"/>
|
||||
<path d="M26.5,25a5.5,5.5,0,0,1,11,0c0,5-5.5,6-5.5,9v4"/>
|
||||
<line x1="32" y1="42" x2="32" y2="47"/>
|
||||
</svg>
|
||||
<h4>Request</h4>
|
||||
</div>
|
||||
@ -1043,7 +1049,7 @@
|
||||
</div>
|
||||
</section>
|
||||
<section id="request_page" class="page hide-completely">
|
||||
<h3>Payment Requests</h3>
|
||||
<h3>Requests</h3>
|
||||
<sm-tab-header variant="tab" class="round" target="payment_request_tab">
|
||||
<sm-tab>Pending</sm-tab>
|
||||
<sm-tab>Paid</sm-tab>
|
||||
@ -1400,10 +1406,12 @@
|
||||
break;
|
||||
case 'received':
|
||||
icon = `
|
||||
<svg class="icon request-icon" viewBox="0 0 64 64">
|
||||
<path
|
||||
d="M47.28,16.8,29.6,34.64a3.3,3.3,0,0,1-3.59.71L2.5,25.42a3.28,3.28,0,0,1,.26-6.13L59.21.87A3.28,3.28,0,0,1,63.32,5l-18.93,56a3.26,3.26,0,0,1-6.12.18l-6.4-15.68" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 64 64">
|
||||
<title>request</title>
|
||||
<path d="M32,.33A31.68,31.68,0,0,0,5.15,48.53L1.34,62.82,15.54,59A31.22,31.22,0,0,0,32,63.67,31.67,31.67,0,0,0,32,.33Z"/>
|
||||
<path d="M26.5,25a5.5,5.5,0,0,1,11,0c0,5-5.5,6-5.5,9v4"/>
|
||||
<line x1="32" y1="42" x2="32" y2="47"/>
|
||||
</svg>
|
||||
`
|
||||
sign = '+'
|
||||
className = 'deposited'
|
||||
@ -12762,7 +12770,7 @@
|
||||
userType.forEach(user => user.textContent = 'Cashier')
|
||||
showPage('deposit', 'deposit_page_btn')
|
||||
|
||||
token_app.actions.idleTimer(1800000); // sign out after 30 mins
|
||||
token_app.actions.idleTimer(10,800,000); // sign out after 3 hours
|
||||
}
|
||||
|
||||
//Helpline startup sequence
|
||||
|
||||
Loading…
Reference in New Issue
Block a user