Fix overflow (#10641)
parent
4cd8935375
commit
f5350b3a2b
|
@ -34,7 +34,7 @@ export default function MemberListItem(props: Props) {
|
||||||
return (
|
return (
|
||||||
<li className="divide-subtle divide-y px-5">
|
<li className="divide-subtle divide-y px-5">
|
||||||
<div className="my-4 flex justify-between">
|
<div className="my-4 flex justify-between">
|
||||||
<div className="flex w-full flex-col justify-between sm:flex-row">
|
<div className="flex w-full flex-col justify-between overflow-hidden sm:flex-row">
|
||||||
<div className="flex">
|
<div className="flex">
|
||||||
<Avatar
|
<Avatar
|
||||||
size="sm"
|
size="sm"
|
||||||
|
@ -43,7 +43,7 @@ export default function MemberListItem(props: Props) {
|
||||||
className="h-10 w-10 rounded-full"
|
className="h-10 w-10 rounded-full"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div className="ms-3 inline-block">
|
<div className="ms-3 inline-block overflow-hidden">
|
||||||
<div className="mb-1 flex">
|
<div className="mb-1 flex">
|
||||||
<span className="text-default mr-1 text-sm font-bold leading-4">{name}</span>
|
<span className="text-default mr-1 text-sm font-bold leading-4">{name}</span>
|
||||||
|
|
||||||
|
@ -60,7 +60,7 @@ export default function MemberListItem(props: Props) {
|
||||||
<a
|
<a
|
||||||
target="_blank"
|
target="_blank"
|
||||||
href={`${bookerUrl}/${user.username}`}
|
href={`${bookerUrl}/${user.username}`}
|
||||||
className="text-default block text-sm">
|
className="text-default block truncate text-sm">
|
||||||
{bookingLink}
|
{bookingLink}
|
||||||
</a>
|
</a>
|
||||||
</>
|
</>
|
||||||
|
|
Loading…
Reference in New Issue