change alignment

This commit is contained in:
Michael Fatemi 2021-06-22 10:42:09 -04:00
parent 2b201b8c01
commit 64e08154e9
2 changed files with 7 additions and 8 deletions

View File

@ -1,4 +1,3 @@
import Event from './Event';
import Group from './Group'; import Group from './Group';
import UIPrimaryTitle from './UIPrimaryTitle'; import UIPrimaryTitle from './UIPrimaryTitle';
@ -24,15 +23,15 @@ export default function App() {
group: 'TJHSST Track and Field', group: 'TJHSST Track and Field',
location: 'Ashburn, Virginia', location: 'Ashburn, Virginia',
}, },
{
time: '5:00 PM to 8:00 PM',
title: 'End of Year Party',
group: 'TJHSST 2022',
location: 'Dulles, Virginia',
},
]} ]}
name="TJHSST 2022" name="TJHSST 2022"
/> />
<Event
title="End of Year Party"
group="TJHSST 2022"
location="Dulles, Virginia"
time="5:00 PM to 8:00 PM"
/>
</div> </div>
); );
} }

View File

@ -7,7 +7,7 @@ export type IGroup = {
export default function Group({ events, name }: IGroup) { export default function Group({ events, name }: IGroup) {
return ( return (
<div style={{ display: 'flex', flexDirection: 'column' }}> <div style={{ textAlign: 'center' }}>
<h1>{name}</h1> <h1>{name}</h1>
<div style={{ display: 'flex', flexDirection: 'column' }}> <div style={{ display: 'flex', flexDirection: 'column' }}>
{events.map((event) => ( {events.map((event) => (