style (user): new icon for request option
This commit is contained in:
sairaj mote 2020-11-28 19:30:42 +05:30
parent 02e9a6626b
commit 060642ccf7
4 changed files with 33 additions and 33 deletions

View File

@ -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

File diff suppressed because one or more lines are too long

View File

@ -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;

View File

@ -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