File tree 1 file changed +6
-9
lines changed
src/pages/nonprofit-outreach 1 file changed +6
-9
lines changed Original file line number Diff line number Diff line change @@ -7,21 +7,20 @@ interface Props {
7
7
8
8
export function Contacts ( props : Props ) {
9
9
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" >
11
11
{ props . contacts
12
12
. filter ( ( x ) => x . email || x . phone )
13
13
. 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 >
17
17
18
18
{ x . email && (
19
19
< Copier
20
20
size = { 12 }
21
21
text = { x . email }
22
22
classes = { {
23
- container :
24
- "text-xs text-blue-d2 text-wrap break-all text-left" ,
23
+ container : "text-xs text-blue-d2 text-left" ,
25
24
icon : "inline mr-1" ,
26
25
} }
27
26
>
@@ -30,9 +29,7 @@ export function Contacts(props: Props) {
30
29
) }
31
30
32
31
{ 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 >
36
33
) }
37
34
</ div >
38
35
) ) }
You can’t perform that action at this time.
0 commit comments