Merge pull request #339 from Vladislav-CS/patch-1

fix: responsive design in the project settings page
This commit is contained in:
Mauricio Siu
2024-08-10 16:00:06 -06:00
committed by GitHub

View File

@@ -53,7 +53,7 @@ export const ShowDeployments = ({ applicationId }: Props) => {
<div className="flex flex-row items-center gap-2 flex-wrap"> <div className="flex flex-row items-center gap-2 flex-wrap">
<span>Webhook URL: </span> <span>Webhook URL: </span>
<div className="flex flex-row items-center gap-2"> <div className="flex flex-row items-center gap-2">
<span className="text-muted-foreground"> <span className="break-all text-muted-foreground">
{`${url}/api/deploy/${data?.refreshToken}`} {`${url}/api/deploy/${data?.refreshToken}`}
</span> </span>
<RefreshToken applicationId={applicationId} /> <RefreshToken applicationId={applicationId} />
@@ -72,7 +72,7 @@ export const ShowDeployments = ({ applicationId }: Props) => {
{deployments?.map((deployment) => ( {deployments?.map((deployment) => (
<div <div
key={deployment.deploymentId} key={deployment.deploymentId}
className="flex items-center justify-between rounded-lg border p-4" className="flex items-center justify-between rounded-lg border p-4 gap-2"
> >
<div className="flex flex-col"> <div className="flex flex-col">
<span className="flex items-center gap-4 font-medium capitalize text-foreground"> <span className="flex items-center gap-4 font-medium capitalize text-foreground">
@@ -87,7 +87,7 @@ export const ShowDeployments = ({ applicationId }: Props) => {
{deployment.title} {deployment.title}
</span> </span>
{deployment.description && ( {deployment.description && (
<span className="text-sm text-muted-foreground"> <span className="break-all text-sm text-muted-foreground">
{deployment.description} {deployment.description}
</span> </span>
)} )}