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

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

@ -164,8 +164,7 @@ const JoinMCDi: React.FC = () => {
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">
@ -183,7 +182,7 @@ const JoinMCDi: React.FC = () => {
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;
} }