Skip to content

Commit 2cfb1ab

Browse files
committed
style
1 parent fb40959 commit 2cfb1ab

File tree

1 file changed

+6
-9
lines changed

1 file changed

+6
-9
lines changed

src/pages/nonprofit-outreach/contacts.tsx

Lines changed: 6 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -7,21 +7,20 @@ interface Props {
77

88
export function Contacts(props: Props) {
99
return (
10-
<div className="flex max-w-40 max-h-40 overflow-y-auto scroller flex-wrap gap-2">
10+
<div className="grid gap-2 max-h-40 overflow-y-auto">
1111
{props.contacts
1212
.filter((x) => x.email || x.phone)
1313
.map((x, index) => (
14-
<div key={index} className="grid">
15-
<span className="whitespace-normal">{x.name || "--"}</span>
16-
<span className="text-2xs whitespace-normal">{x.role}</span>
14+
<div key={index} className="grid gap-1">
15+
<span className="">{x.name || "--"}</span>
16+
<span className="text-xs ">{x.role}</span>
1717

1818
{x.email && (
1919
<Copier
2020
size={12}
2121
text={x.email}
2222
classes={{
23-
container:
24-
"text-xs text-blue-d2 text-wrap break-all text-left",
23+
container: "text-xs text-blue-d2 text-left",
2524
icon: "inline mr-1",
2625
}}
2726
>
@@ -30,9 +29,7 @@ export function Contacts(props: Props) {
3029
)}
3130

3231
{x.phone && (
33-
<span className="text-2xs text-gray-d1 whitespace-normal">
34-
{x.phone}
35-
</span>
32+
<span className="text-2xs text-gray-d1">{x.phone}</span>
3633
)}
3734
</div>
3835
))}

0 commit comments

Comments
 (0)