mobile view improvement added (#1093)

* mobile view improvement added

* improved max-w
pull/1094/head
Syed Ali Shahbaz 2021-11-01 14:25:43 +05:30 committed by GitHub
parent ad46fc121d
commit 4f75b94d88
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 4 deletions

View File

@ -50,18 +50,18 @@ function WebhookListItem(props: { webhook: TWebhook; onEditWebhook: () => void }
return ( return (
<ListItem className="flex w-full p-4"> <ListItem className="flex w-full p-4">
<div className="flex justify-between w-full"> <div className="flex justify-between w-full">
<div className="flex flex-col"> <div className="flex flex-col max-w-full truncate">
<div className="inline-block space-y-1"> <div className="flex space-y-1">
<span <span
className={classNames( className={classNames(
"flex text-sm ", "text-sm truncate",
props.webhook.active ? "text-neutral-700" : "text-neutral-200" props.webhook.active ? "text-neutral-700" : "text-neutral-200"
)}> )}>
{props.webhook.subscriberUrl} {props.webhook.subscriberUrl}
</span> </span>
</div> </div>
<div className="flex mt-2"> <div className="flex mt-2">
<span className="flex space-x-2 text-xs"> <span className="flex flex-col space-y-1 text-xs sm:flex-row sm:space-x-2">
{props.webhook.eventTriggers.map((eventTrigger, ind) => ( {props.webhook.eventTriggers.map((eventTrigger, ind) => (
<span <span
key={ind} key={ind}