Merge pull request #3580 from gitcoinco/fix-donation-ui

thelostone-mc · web-flow · commit 6ee254c7bb8a · 2024-08-05T15:15:13.000+05:30
fix: ui alignment in donation component
diff --git a/packages/grant-explorer/src/features/projects/ViewProject.tsx b/packages/grant-explorer/src/features/projects/ViewProject.tsx
@@ -591,7 +591,7 @@ export function DirectDonationModalComponent(props: {
               }
               alt={"Project Logo"}
             />
-            <p className="font-semibold text-md my-auto text-ellipsis line-clamp-1 max-w-[500px] 2xl:max-w-none">
+            <p className="font-semibold text-md my-auto text-ellipsis line-clamp-1 max-w-[100px]">
               {props.projectData?.project?.metadata.title}
             </p>
           </div>

Original file line number	Diff line number	Diff line change
`@@ -591,7 +591,7 @@ export function DirectDonationModalComponent(props: {`
`591`	`591`	`}`
`592`	`592`	`alt={"Project Logo"}`
`593`	`593`	`/>`
`594`		`- <p className="font-semibold text-md my-auto text-ellipsis line-clamp-1 max-w-[500px] 2xl:max-w-none">`
	`594`	`+ <p className="font-semibold text-md my-auto text-ellipsis line-clamp-1 max-w-[100px]">`
`595`	`595`	`{props.projectData?.project?.metadata.title}`
`596`	`596`	`</p>`
`597`	`597`	`</div>`