fix hight issue on details page

This commit is contained in:
Kurt Hutten
2021-08-11 20:14:03 +10:00
parent 1d1f62e38e
commit 000bf4c027

View File

@@ -128,15 +128,16 @@ const ProjectProfile = ({
projectId={project?.id} projectId={project?.id}
/> />
</div> </div>
<div className="relative flex-grow"> <div className="relative flex-grow h-full">
<div className="grid grid-cols-1 md:auto-cols-preview-layout grid-flow-row-dense absolute inset-0"> <div className="grid grid-cols-1 md:auto-cols-preview-layout grid-flow-row-dense absolute inset-0 h-full">
{/* Viewer */} {/* Viewer */}
<div className="md:col-start-2 w-full min-h-md"> <div className="md:col-start-2 w-full min-h-md">
<ProfileViewer /> <ProfileViewer />
</div> </div>
{/* Side panel */} {/* Side panel */}
<div className="bg-ch-gray-760 font-fira-sans px-20 pt-12 grid grid-flow-row-dense gap-6 overflow-y-auto"> <div className="bg-ch-gray-760 font-fira-sans px-20 pt-12 overflow-y-auto">
<div className="grid grid-flow-row-dense gap-6">
<h3 className="text-5xl capitalize text-ch-gray-300"> <h3 className="text-5xl capitalize text-ch-gray-300">
{project?.title.replace(/-/g, ' ')} {project?.title.replace(/-/g, ' ')}
</h3> </h3>
@@ -272,6 +273,7 @@ const ProjectProfile = ({
</div> </div>
</div> </div>
</div> </div>
</div>
<ConfirmDialog <ConfirmDialog
open={isConfirmDialogOpen} open={isConfirmDialogOpen}
onClose={() => setIsConfirmDialogOpen(false)} onClose={() => setIsConfirmDialogOpen(false)}