Skip to content

Commit

Permalink
fix: project style
Browse files Browse the repository at this point in the history
Signed-off-by: Innei <i@innei.in>
  • Loading branch information
Innei committed Jul 14, 2024
1 parent b7791a0 commit 46e10f7
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 4 deletions.
2 changes: 1 addition & 1 deletion reporter-assets
6 changes: 3 additions & 3 deletions src/components/modules/project/ProjectList.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -14,21 +14,21 @@ export type Project = {
export const ProjectList: FC<{ projects: Project[] }> = (props) => {
return (
<section key="list" className="text-center">
<div className="grid grid-cols-1 gap-12 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
<div className="grid min-w-0 grid-cols-1 gap-12 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
{props.projects.map((project) => {
return (
<Link
href={routeBuilder(Routes.Project, { id: project.id })}
key={project.id}
className="group grid grid-cols-[1fr_2fr] gap-4"
className="group grid shrink-0 grid-cols-[60px_2fr] gap-4"
>
<ProjectIcon
className="group-hover:-translate-y-2 group-hover:shadow-out-sm"
avatar={project.avatar}
name={project.name}
/>
<span className="flex shrink-0 grow flex-col gap-2 text-left">
<h4 className="font-2xl m-0 p-0 font-medium">{project.name}</h4>
<h4 className="m-0 p-0 font-medium">{project.name}</h4>
<span className="line-clamp-5 text-sm md:line-clamp-4 lg:line-clamp-2">
{project.description}
</span>
Expand Down

0 comments on commit 46e10f7

Please sign in to comment.