diff --git a/src/styles/EventRegister.scss b/src/styles/EventRegister.scss index db7915e..b5d2a42 100644 --- a/src/styles/EventRegister.scss +++ b/src/styles/EventRegister.scss @@ -777,6 +777,27 @@ strong { } } + .downloadQRBtn { + border: 1px solid black; + padding: .5rem 1.5rem; + border-radius: .5rem; + scale: .8; + margin: .5rem auto; + cursor: pointer; + transition: all .3s ease; + + display: flex; + justify-content: center; + align-items: center; + gap: .5rem; + + &:hover { + border-color: green; + background-color: green; + color: white; + } + } + a.upiPayButton { font-family: "Outfit"; background-color: rgba(white, .8); @@ -810,6 +831,15 @@ strong { } } + + .upiPayInfo { + font-size: .8rem; + margin-top: .5rem; + display: flex; + justify-content: center; + align-items: center; + gap: .25rem; + } } } } diff --git a/src/views/EventRegister.jsx b/src/views/EventRegister.jsx index 73f860b..661140e 100644 --- a/src/views/EventRegister.jsx +++ b/src/views/EventRegister.jsx @@ -11,7 +11,7 @@ import { AiOutlineLoading, AiOutlineCheck } from "react-icons/ai"; import { BiSolidPhoneCall, BiLinkExternal } from "react-icons/bi"; import { CiCircleInfo, CiWarning } from "react-icons/ci"; import { PiSparkleThin } from "react-icons/pi"; -import { FiLoader } from "react-icons/fi"; +import { FiLoader, FiInfo, FiDownload } from "react-icons/fi"; import { TfiMoney } from "react-icons/tfi"; import upiQR from "./HardcodedEventPages/Prajnotsavah/digital_dreams_qrcode.jpeg" @@ -805,9 +805,25 @@ export default function EventRegister() {
Registration fee: Rs. 200/-
Registration fee 200/-
- PAY WITH ANY