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

fix width

Browse source
This commit is contained in:
TheMaddax 2024-10-16 20:05:27 -06:00
parent 2728df74ec
commit 3f756f305f
2 changed files with 29 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
client/src/components/JoinMCDi.tsx
View file

@ -159,31 +159,30 @@ const JoinMCDi: React.FC = () => {
<JoinButton onClick={handleJoinClick} /> <JoinButton onClick={handleJoinClick} />
<Modal <Modal
isOpen={isModalOpen} isOpen={isModalOpen}
onRequestClose={closeModal} onRequestClose={closeModal}
contentLabel="Join MCDi Membership Form" contentLabel="Join MCDi Membership Form"
className="modal" className="modal"
overlayClassName="overlay" overlayClassName="overlay"
style={{content: {overflow: 'hidden'}}} >
> <div className="h-full flex flex-col">
<div className="h-full flex flex-col"> <h2 className="text-2xl font-bold text-[#8C1D40] mb-4">Join MCDi Membership Form</h2>
<h2 className="text-2xl font-bold text-[#8C1D40] mb-4">Join MCDi Membership Form</h2> <div className="flex-grow overflow-y-auto">
<div className="flex-grow overflow-y-auto"> <iframe
<iframe src="https://www.zeffy.com/embed/ticketing/ec0af9d1-4f07-4156-a6cc-0fa0878b512b"
src="https://www.zeffy.com/embed/ticketing/ec0af9d1-4f07-4156-a6cc-0fa0878b512b" width="100%"
width="100%" height="100%"
height="100%" frameBorder="0"
frameBorder="0" ></iframe>
></iframe> </div>
</div> <button
<button onClick={closeModal}
onClick={closeModal} className="mt-4 bg-[#8C1D40] text-white font-bold py-2 px-4 rounded"
className="mt-4 bg-[#8C1D40] text-white font-bold py-2 px-4 rounded" >
> Close
Close </button>
</button> </div>
</div> </Modal>
</Modal>
</motion.div> </motion.div>
{isLoading && ( {isLoading && (

8
client/src/index.css
View file

@ -117,9 +117,10 @@ html {
background-color: white; background-color: white;
padding: 20px; padding: 20px;
border-radius: 8px; border-radius: 8px;
width: 60vw; width: 80%;
height: 60vh; max-width: 1000px;
overflow-y: hidden; height: 90vh;
overflow: hidden;
} }
.overlay { .overlay {
@ -129,4 +130,5 @@ html {
right: 0; right: 0;
bottom: 0; bottom: 0;
background-color: rgba(0, 0, 0, 0.75); background-color: rgba(0, 0, 0, 0.75);
overflow-y: auto;
} }