harish2704/UPI-QR-code-from-bank-details
1
0
Fork 0
mirror of https://github.com/harish2704/UPI-QR-code-from-bank-details.git synced 2026-09-10 13:11:08 +00:00
Code Issues Projects Releases Wiki Activity

* Update label for App link button

Browse Source 
* Added colors for button
* Reverted dark color of QR code
This commit is contained in:
harish2704
2021-03-01 21:36:03 +05:30
parent 796aa0c44d
commit 13348e94f8
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+11 -3
View File
@@ -12,6 +12,14 @@
border-radius: 4px; border-radius: 4px;
padding: 2%; padding: 2%;
} }
.button-blue{
background-color: #007bff;
border-color: #007bff;
}
.button-green{
background-color: #28a745;
border-color: #28a745;
}
</style> </style>
</head> </head>
<body> <body>
@@ -30,8 +38,8 @@
</fieldset> </fieldset>
</form> </form>
<div class="outputWrapper"> <div class="outputWrapper">
<a href="#" class="button button-outline" target="_blank" id="appLink"><strong>Open UPI App</strong></a> <a href="#" class="button button-green" target="_blank" id="appLink"><strong>Pay using UPI App</strong></a>
<a onclick="copyToClipboard()" class="button button-outline" target="_blank" id="copyLink"><strong>Copy Link</strong></a> <a onclick="copyToClipboard()" class="button button-blue" target="_blank" id="copyLink"><strong>Copy Link</strong></a>
<label for="sharelink">Sharable link</label> <label for="sharelink">Sharable link</label>
<input type="text" readonly id="sharelink"> <input type="text" readonly id="sharelink">
<img src="//:0" alt="" id="outputImg"> <img src="//:0" alt="" id="outputImg">
@@ -70,7 +78,7 @@
margin: 1, margin: 1,
scale:8, scale:8,
color: { color: {
dark:"#9b4dca", dark:"#580000",
light:"#fff" light:"#fff"
} }
} }