mobile view improvement added (#1093)
* mobile view improvement added * improved max-wpull/1094/head
parent
ad46fc121d
commit
4f75b94d88
|
@ -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}
|
||||||
|
|
Loading…
Reference in New Issue