rushilwiz/tj-sga-website-react
1
0
Fork 0
mirror of https://github.com/tjsga/tj-sga-website-react.git synced 2025-04-21 12:00:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

Better spacing in /involved

Browse Source
This commit is contained in:
Michael Fatemi 2020-12-16 22:48:42 -05:00
parent d5ff6c16dd
commit f53b64edab
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/GetInvolvedRow.tsx
View File

@ -1,11 +1,11 @@
export default function GetInvolvedRow({ way }: { way: SGA.GetInvolvedWay}) { export default function GetInvolvedRow({ way }: { way: SGA.GetInvolvedWay }) {
return ( return (
<div className='row text-left'> <div className='d-flex text-left my-4'>
<div className='get-involved-title'> <div className='get-involved-title'>
<h3>{way.title}</h3> <h3>{way.title}</h3>
</div> </div>
<div className='get-involved-description'> <div className='get-involved-description'>
<p className="get-involved-body">{way.text}</p> <p className='get-involved-body'>{way.text}</p>
</div> </div>
</div> </div>
); );

16
src/pages/involved.tsx
View File

@ -1,5 +1,6 @@
import { SanityDocument } from '@sanity/client'; import { SanityDocument } from '@sanity/client';
import React from 'react'; import React from 'react';
import { Link } from 'react-router-dom';
import GetInvolvedRow from '../components/GetInvolvedRow'; import GetInvolvedRow from '../components/GetInvolvedRow';
import Hero from '../components/Hero'; import Hero from '../components/Hero';
import '../css/get-involved.css'; import '../css/get-involved.css';
@ -25,7 +26,7 @@ export default function GetInvolved() {
width='800' width='800'
height='600' height='600'
/> />
<p className='get-involved-body'> <p className='get-involved-body my-4'>
Interested in getting involved with SGA? You can run for office, work Interested in getting involved with SGA? You can run for office, work
on a project, or apply to a committee. If you just want to share an on a project, or apply to a committee. If you just want to share an
idea or concern or get to know your representatives, reach out to us idea or concern or get to know your representatives, reach out to us
@ -33,18 +34,17 @@ export default function GetInvolved() {
</p> </p>
{ways ? ( {ways ? (
<> <>
<h2>Here are some ways to connect with SGA:</h2> <h2 style={{ marginTop: '4rem', marginBottom: '1.5rem' }}>
Here are some ways to connect with SGA:
</h2>
{ways.ways.map((way) => ( {ways.ways.map((way) => (
<GetInvolvedRow way={way} key={way._id} /> <GetInvolvedRow way={way} key={way._id} />
))} ))}
</> </>
) : null} ) : null}
<a <Link className='blue-button' to='/feedback'>
className='blue-button' Give Feedback
href='https://goo.gl/forms/F3FXer4xpAF5SDhL2' </Link>
>
Contact Us
</a>
</main> </main>
</> </>
); );