chaulmark/deafmissoula-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update donate button

Browse source
This commit is contained in:
TheMaddax 2024-10-16 20:15:08 -06:00
parent 3f756f305f
commit 785931f523
1 changed files with 17 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
client/src/components/Header.tsx
View file

@ -145,19 +145,23 @@ const DonateButton: React.FC<{ onClick?: () => void }> = ({ onClick }) => {
className="modal" className="modal"
overlayClassName="overlay" overlayClassName="overlay"
> >
<h2 className="text-2xl font-bold text-[#8C1D40] mb-4">Donate to MCDi</h2> <div className="h-full flex flex-col">
<iframe <h2 className="text-2xl font-bold text-[#8C1D40] mb-4">Donate to MCDi</h2>
src="https://www.zeffy.com/embed/donation-form/1cbff18e-c057-4fa6-8276-a993037de0bb" <div className="flex-grow overflow-y-auto">
width="100%" <iframe
height="600px" src="https://www.zeffy.com/embed/donation-form/1cbff18e-c057-4fa6-8276-a993037de0bb"
frameBorder="0" width="100%"
></iframe> height="100%"
<button frameBorder="0"
onClick={closeModal} ></iframe>
className="mt-4 bg-[#8C1D40] text-white font-bold py-2 px-4 rounded" </div>
> <button
Close onClick={closeModal}
</button> className="mt-4 bg-[#8C1D40] text-white font-bold py-2 px-4 rounded"
>
Close
</button>
</div>
</Modal> </Modal>
</motion.div> </motion.div>
); );