Added amount to the Payment numbers

Adish08 · Dec 15, 2024 · bd42d31 · bd42d31
1 parent 5873c33
commit bd42d31
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 7 deletions.
diff --git a/pay/index.html b/pay/index.html
@@ -83,7 +83,7 @@ <h1>Pay To Sagarawat Electricals</h1>
                 <div class="payment-info">
                     <p class="paying-to">Paying to</p>
                     <p class="merchant-name">Sagarawat Electricals</p>
-                    <p id="amount-display" class="amount-text"></p>
+                    <p class="amount-text">Amount: <span id="amount-display"></span></p>
                 </div>
             </div>
         </section>

diff --git a/pay/script.js b/pay/script.js
@@ -107,11 +107,12 @@ if (copyrightYear) {
 
     // Update amount display
     if (amountDisplay) {
+        const amountText = amountDisplay.parentElement;
         if (amount) {
-            amountDisplay.innerHTML = `<span>₹${amount}</span>`;
-            amountDisplay.style.display = 'block';
+            amountDisplay.textContent = `₹${amount}`;
+            amountText.style.display = 'block';
         } else {
-            amountDisplay.style.display = 'none';
+            amountText.style.display = 'none';
         }
     }
 })();
diff --git a/pay/styles.css b/pay/styles.css
@@ -267,7 +267,13 @@ main {
     box-sizing: border-box;
     width: 100%;
     max-width: 350px;
-    transition: transform 0.3s ease;
+    transition: all 0.3s ease;
+    box-shadow: 0 0 20px rgba(255, 102, 0, 0.1);
+}
+
+#qrcode-container:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 5px 25px rgba(255, 102, 0, 0.15);
 }
 
 #qrcode {
@@ -315,7 +321,7 @@ main {
     font-size: 20px;
     margin: 0;
     font-weight: bold;
-    color: #ff6600;
+    color: #333;
 }
 
 /* WhatsApp Section */
@@ -354,7 +360,8 @@ main {
 h4 {
     text-align: center;
     font-size: clamp(14px, 3vw, 16px);
-    margin: 20px 0;
+    margin: 20px 0 2px 0;
+    padding: 0 20px;
 }
 
 /* Footer Styles */