aidan/aidxnCC
1
1
Fork 0
Code Issues 1 Pull requests 1 Projects Releases Packages Wiki Activity Actions

unify indentation

Browse source
This commit is contained in:
Aidan 2025-01-08 15:05:24 -05:00
parent ca67eb3a2c
commit 828bb78fd3
5 changed files with 162 additions and 162 deletions
Download patch file Download diff file Expand all files Collapse all files

40
app/components/widgets/GitHubFeatured.tsx
View file

@ -4,25 +4,25 @@ import { faStar, faCodeBranch } from '@fortawesome/free-solid-svg-icons'
import featuredProjects from '../../data/featured.json'
export default function GitHubFeatured() {
return (
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
{featuredProjects.map((project) => (
<div key={project.id} className="bg-gray-800 p-6 rounded-lg shadow-md min-h-[200px] flex flex-col">
<div className="flex-1">
<h3 className="text-xl font-bold text-gray-100 mb-3">
<FontAwesomeIcon icon={faGithub} className="mr-2" /> {project.name}
</h3>
<p className="text-gray-300 flex-grow">{project.description}</p>
</div>
<div className="pt-4 border-t border-gray-700 flex justify-between items-center mt-auto">
<a href={project.url} className="text-blue-400 hover:underline">View Repo</a>
<div className="flex items-center text-gray-400">
<FontAwesomeIcon icon={faStar} className="mr-1" /> {project.stars}
<FontAwesomeIcon icon={faCodeBranch} className="ml-4 mr-1" /> {project.forks}
</div>
</div>
</div>
))}
return (
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
{featuredProjects.map((project) => (
<div key={project.id} className="bg-gray-800 p-6 rounded-lg shadow-md min-h-[200px] flex flex-col">
<div className="flex-1">
<h3 className="text-xl font-bold text-gray-100 mb-3">
<FontAwesomeIcon icon={faGithub} className="mr-2" /> {project.name}
</h3>
<p className="text-gray-300 flex-grow">{project.description}</p>
</div>
<div className="pt-4 border-t border-gray-700 flex justify-between items-center mt-auto">
<a href={project.url} className="text-blue-400 hover:underline">View Repo</a>
<div className="flex items-center text-gray-400">
<FontAwesomeIcon icon={faStar} className="mr-1" /> {project.stars}
<FontAwesomeIcon icon={faCodeBranch} className="ml-4 mr-1" /> {project.forks}
</div>
</div>
</div>
)
))}
</div>
)
}