Skip to content

Commit 99da215

Browse files
YottaYoctaYottaYocta
committed
task: styling
1 parent 5b5e573 commit 99da215

7 files changed

Lines changed: 71 additions & 20 deletions

File tree

‎frontend/src/components/Locations/LocationFormModal.tsx‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -231,7 +231,9 @@ export const LocationFormModal: React.FC<Props> = ({
231231
</Typography>
232232

233233
<div className="mt-4">
234-
<Typography className="text-[0.875rem] font-medium mb-2">Address</Typography>
234+
<Typography className="text-[0.875rem] font-medium mb-2">
235+
Address
236+
</Typography>
235237

236238
<PlacesSearch
237239
onAddressSelect={(a, lat, lng) =>

‎frontend/src/components/Locations/LocationMap.tsx‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -118,7 +118,9 @@ const MapContent = ({
118118
>
119119
<div className="p-1 min-w-40">
120120
<div className="flex items-center justify-between gap-2 min-w-35">
121-
<h4 className="m-0 text-base whitespace-nowrap">{selectedLocation.shortName}</h4>
121+
<h4 className="m-0 text-base whitespace-nowrap">
122+
{selectedLocation.shortName}
123+
</h4>
122124
<OpenInFull
123125
className="-scale-x-100"
124126
onClick={(e) => {

‎frontend/src/components/Locations/LocationsContent.tsx‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -106,9 +106,13 @@ const LocationsContent: React.FC<LocationsContentProps> = ({
106106
sx={{ marginLeft: '0.5rem' }}
107107
/>
108108
</div>
109-
<p className="mt-2 mb-0 text-[#666] text-[0.9rem]">{location.address}</p>
109+
<p className="mt-2 mb-0 text-[#666] text-[0.9rem]">
110+
{location.address}
111+
</p>
110112
<div className="text-[#666] flex items-center justify-between">
111-
<p className="mt-2 mb-0 text-[#666] text-[0.9rem]">{location.info}</p>
113+
<p className="mt-2 mb-0 text-[#666] text-[0.9rem]">
114+
{location.info}
115+
</p>
112116
<OpenInFull
113117
className="-scale-x-100"
114118
onClick={(e) => {

‎frontend/src/components/MiniCal/MiniCal.tsx‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,10 @@ const MiniCal = () => {
5858
render() {
5959
return (
6060
<>
61-
<span aria-live="polite" className="top-0 -left-px w-px h-px absolute overflow-hidden">
61+
<span
62+
aria-live="polite"
63+
className="top-0 -left-px w-px h-px absolute overflow-hidden"
64+
>
6265
Modal is{isExpanded}
6366
</span>
6467
<button

‎frontend/src/components/Modal/RiderModalInfo.tsx‎

Lines changed: 44 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -207,10 +207,16 @@ const RiderModalInfo: React.FC<ModalFormProps> = ({
207207
];
208208

209209
return (
210-
<form onSubmit={handleSubmit(beforeSubmit)} className="flex flex-col w-full h-full">
210+
<form
211+
onSubmit={handleSubmit(beforeSubmit)}
212+
className="flex flex-col w-full h-full"
213+
>
211214
<div className="mb-6 w-full grid grid-cols-12 gap-5 [@media(max-width:1092px)]:flex [@media(max-width:1092px)]:flex-col [@media(max-width:1092px)]:gap-5">
212215
<div className="row-start-1 col-start-1 col-span-4">
213-
<Label className="block mb-2 font-semibold text-[#333] [@media(max-width:1092px)]:font-bold" htmlFor="firstName">
216+
<Label
217+
className="block mb-2 font-semibold text-[#333] [@media(max-width:1092px)]:font-bold"
218+
htmlFor="firstName"
219+
>
214220
First Name:{' '}
215221
</Label>
216222
<Input
@@ -230,7 +236,10 @@ const RiderModalInfo: React.FC<ModalFormProps> = ({
230236
</div>
231237

232238
<div className="row-start-1 col-start-5 col-span-3">
233-
<Label className="block mb-2 font-semibold text-[#333] [@media(max-width:1092px)]:font-bold" htmlFor="lastName">
239+
<Label
240+
className="block mb-2 font-semibold text-[#333] [@media(max-width:1092px)]:font-bold"
241+
htmlFor="lastName"
242+
>
234243
Last Name:{' '}
235244
</Label>
236245
<Input
@@ -250,7 +259,10 @@ const RiderModalInfo: React.FC<ModalFormProps> = ({
250259
</div>
251260

252261
<div className="row-start-1 col-start-8 col-span-5">
253-
<Label className="block mb-2 font-semibold text-[#333] [@media(max-width:1092px)]:font-bold" htmlFor="netid">
262+
<Label
263+
className="block mb-2 font-semibold text-[#333] [@media(max-width:1092px)]:font-bold"
264+
htmlFor="netid"
265+
>
254266
NetID:{' '}
255267
</Label>
256268
<Input
@@ -264,11 +276,16 @@ const RiderModalInfo: React.FC<ModalFormProps> = ({
264276
className="w-full"
265277
aria-required="true"
266278
/>
267-
{errors.netid && <p className="text-[#dc3545] text-xs mt-1">Invalid NetID</p>}
279+
{errors.netid && (
280+
<p className="text-[#dc3545] text-xs mt-1">Invalid NetID</p>
281+
)}
268282
</div>
269283

270284
<div className="row-start-2 col-start-1 col-span-6">
271-
<Label className="block mb-2 font-semibold text-[#333] [@media(max-width:1092px)]:font-bold" htmlFor="phoneNumber">
285+
<Label
286+
className="block mb-2 font-semibold text-[#333] [@media(max-width:1092px)]:font-bold"
287+
htmlFor="phoneNumber"
288+
>
272289
Phone Number:{' '}
273290
</Label>
274291
<Input
@@ -289,7 +306,10 @@ const RiderModalInfo: React.FC<ModalFormProps> = ({
289306
</div>
290307

291308
<div className="row-start-2 col-start-7 col-span-6">
292-
<Label className="block mb-2 font-semibold text-[#333] [@media(max-width:1092px)]:font-bold" htmlFor="needs">
309+
<Label
310+
className="block mb-2 font-semibold text-[#333] [@media(max-width:1092px)]:font-bold"
311+
htmlFor="needs"
312+
>
293313
Needs:{' '}
294314
</Label>
295315
<div className="flex flex-col gap-2">
@@ -348,7 +368,9 @@ const RiderModalInfo: React.FC<ModalFormProps> = ({
348368
</div>
349369
)}
350370
{errors.needs && (
351-
<p className="text-[#dc3545] text-xs mt-1">Please select at least one need</p>
371+
<p className="text-[#dc3545] text-xs mt-1">
372+
Please select at least one need
373+
</p>
352374
)}
353375
</div>
354376
</div>
@@ -357,7 +379,10 @@ const RiderModalInfo: React.FC<ModalFormProps> = ({
357379
<p>Duration</p>
358380
<div className="flex gap-5 items-center [@media(max-width:1092px)]:flex-col [@media(max-width:1092px)]:gap-4">
359381
<div>
360-
<Label className="block mb-2 font-semibold text-[#333] [@media(max-width:1092px)]:font-bold" htmlFor="joinDate">
382+
<Label
383+
className="block mb-2 font-semibold text-[#333] [@media(max-width:1092px)]:font-bold"
384+
htmlFor="joinDate"
385+
>
361386
Join Date:{' '}
362387
</Label>
363388
<Input
@@ -369,14 +394,19 @@ const RiderModalInfo: React.FC<ModalFormProps> = ({
369394
className="w-full min-w-50"
370395
/>
371396
{errors.joinDate && (
372-
<p className="text-[#dc3545] text-xs mt-1">Please enter a join date</p>
397+
<p className="text-[#dc3545] text-xs mt-1">
398+
Please enter a join date
399+
</p>
373400
)}
374401
</div>
375402
<div className="text-2xl h-full">
376403
<p>→</p>
377404
</div>
378405
<div>
379-
<Label className="block mb-2 font-semibold text-[#333] [@media(max-width:1092px)]:font-bold" htmlFor="endDate">
406+
<Label
407+
className="block mb-2 font-semibold text-[#333] [@media(max-width:1092px)]:font-bold"
408+
htmlFor="endDate"
409+
>
380410
End Date:{' '}
381411
</Label>
382412
<Input
@@ -394,7 +424,9 @@ const RiderModalInfo: React.FC<ModalFormProps> = ({
394424
className="w-full min-w-50"
395425
/>
396426
{errors.endDate?.type === 'required' && (
397-
<p className="text-[#dc3545] text-xs mt-1">Please enter an end date</p>
427+
<p className="text-[#dc3545] text-xs mt-1">
428+
Please enter an end date
429+
</p>
398430
)}
399431
{errors.endDate?.type === 'validate' && (
400432
<p className="text-[#dc3545] text-xs mt-1">Invalid end time</p>

‎frontend/src/components/Notification/Notification.tsx‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,9 @@ const Notification = () => {
5858
</div>
5959
</div>
6060
<div className="grow">
61-
<p className="text-[10px] text-gray-400">{moment(time).format('MMMM Do')}</p>
61+
<p className="text-[10px] text-gray-400">
62+
{moment(time).format('MMMM Do')}
63+
</p>
6264
<p>{body}</p>
6365
</div>
6466
<div className="text-[10px] text-[#0084f4]">View</div>

‎frontend/src/components/Onboarding/UnregisteredUserPage.tsx‎

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,11 +35,17 @@ const UnregisteredUserPage: React.FC<UnregisteredUserProps> = ({
3535
</p>
3636
<p className="mt-6">
3737
Call{' '}
38-
<a href="tel:607-254-4545" className="text-[#0075db] no-underline font-medium hover:underline">
38+
<a
39+
href="tel:607-254-4545"
40+
className="text-[#0075db] no-underline font-medium hover:underline"
41+
>
3942
607-254-4545
4043
</a>{' '}
4144
or email{' '}
42-
<a href="mailto:culift@cornell.edu" className="text-[#0075db] no-underline font-medium hover:underline">
45+
<a
46+
href="mailto:culift@cornell.edu"
47+
className="text-[#0075db] no-underline font-medium hover:underline"
48+
>
4349
culift@cornell.edu
4450
</a>{' '}
4551
if you have any questions.

0 commit comments

Comments
 (0)