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

0.0.60

Browse Source
This commit is contained in:
sairaj mote 2020-10-04 13:10:35 +05:30
parent f4938d2e59
commit fdd6a274a2
4 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/main.css
View File

@ -458,7 +458,7 @@ sm-popup h5:not(.tag) {
}
#qr_code_popup::part(popup) {
height: 80vh;
height: 90vh;
}
#qr_code_popup::part(popup-body) {
padding: 0;
@ -470,14 +470,18 @@ sm-popup h5:not(.tag) {
}
#qr_code_popup sm-panel {
display: flex;
height: max-content;
flex-direction: column;
align-items: center;
text-align: center;
}
#qr_code_popup video {
width: 100% !important;
object-fit: cover;
}
#qr_code_popup p {
margin-top: 1rem;
margin-top: 1.5rem;
opacity: 0.8;
text-align: center;
}
.popup-header {

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

10
css/main.scss
View File

@ -474,7 +474,7 @@ sm-popup{
}
#qr_code_popup{
&::part(popup){
height: 80vh;
height: 90vh;
}
&::part(popup-body){
padding: 0;
@ -486,14 +486,18 @@ sm-popup{
}
sm-panel{
display: flex;
height: max-content;
flex-direction: column;
align-items: center;
text-align: center;
}
video{
width: 100% !important;
object-fit: cover;
}
p{
margin-top: 1rem;
margin-top: 1.5rem;
opacity: 0.8;
text-align: center;
}
}

5
index.html
View File

@ -69,10 +69,13 @@
<sm-tab-panels id="qr_selector">
<sm-panel>
<div id="reader"></div>
<p>Point your camera towards QR Code</p>
<p>Point your camera towards QR Code.<br>
<strong>*Only works with RanchiMall Pay.</strong>
</p>
</sm-panel>
<sm-panel>
<div id="my_qr_code"></div>
<p>Show this QR Code to receive money using RanchiMall Pay</p>
</sm-panel>
</sm-tab-panels>
</sm-popup>