Refactor ProjectForm component to fix tag overflow handling

This commit is contained in:
Pattadon 2024-10-21 11:35:45 +07:00
parent df9e810d94
commit 8f5d7859c8
4 changed files with 9 additions and 8 deletions

View File

@ -125,7 +125,7 @@ export default async function ProjectDealPage({ params }: { params: { id: number
<CardDescription></CardDescription> <CardDescription></CardDescription>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="prose prose-sm max-w-none"> <div className="prose prose-sm max-w-none ">
<ReactMarkdown>{projectData?.project_description || "No pitch available."}</ReactMarkdown> <ReactMarkdown>{projectData?.project_description || "No pitch available."}</ReactMarkdown>
</div> </div>
</CardContent> </CardContent>

View File

@ -13,7 +13,7 @@ export default function ApplyProject() {
}; };
return ( return (
<div> <div>
<div className="grid grid-flow-row auto-rows-max w-full h-52 md:h-92 bg-gray-100 dark:bg-gray-800 p-5"> <div className="grid grid-flow-row auto-rows-max w-full h-52 md:h-92 bg-gray-2s00 dark:bg-gray-800 p-5">
<h1 className="text-2xl md:text-5xl font-medium md:font-bold justify-self-center md:mt-8"> <h1 className="text-2xl md:text-5xl font-medium md:font-bold justify-self-center md:mt-8">
Apply to raise on B2DVentures Apply to raise on B2DVentures
</h1> </h1>
@ -28,7 +28,7 @@ export default function ApplyProject() {
</p> </p>
</div> </div>
</div> </div>
<div className="grid auto-rows-max bg-zinc-100 dark:bg-zinc-900 pt-12 pb-12"> <div className="grid auto-rows-max bg-zinc-100 dark:bg-zinc-900 pt-12 -mb-6">
<ProjectForm onSubmit={onSubmit} /> <ProjectForm onSubmit={onSubmit} />
</div> </div>
</div> </div>

View File

@ -577,14 +577,15 @@ const ProjectForm = ({
</FormItem> </FormItem>
)} )}
/> />
</div>
<center>
<Button <Button
className="mt-12 mb-20 h-10 text-base font-bold py-6 px-5" className="mt-12 mb-20 h-10 text-base font-bold py-6 px-5 "
type="submit" type="submit"
> >
Submit application Submit application
</Button> </Button>
</div> </center>
</form> </form>
</Form> </Form>
); );

View File

@ -51,8 +51,8 @@ export function NavigationBar() {
const projectComponents = [ const projectComponents = [
{ {
title: "Projects", title: "Projects",
href: "/landing", href: "/project/apply",
description: "Raise on B2DVentures", description: "Start your new project on B2DVentures",
}, },
]; ];