Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-06-27 20:06:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update resources.tsx

Browse Source
This commit is contained in:
MacRimi 2025-03-05 12:58:22 +01:00 committed by GitHub
parent d32325981b
commit c293c42906
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
web/components/resources.tsx
View File

@ -7,43 +7,42 @@ const resources = [
{
icon: <Book className="h-6 w-6" />,
title: "Documentation",
description: <span className="min-h-[88px]">System description and user guides</span>,
description: "System description and user guides",
link: "/docs/introduction",
},
{
icon: <FileText className="h-6 w-6" />,
title: "Changelog",
description: <span className="min-h-[88px]">Information on the latest updates</span>,
description: "Information on the latest updates",
link: "/changelog",
},
{
icon: <GitBranch className="h-6 w-6" />,
title: "Guides",
description: <span className="min-h-[88px]">Step-by-step tutorials and guides for common tasks</span>,
description: "Step-by-step tutorials and guides for common tasks",
link: "/guides",
},
{
icon: <Github className="h-6 w-6" />,
title: "GitHub Repository",
description: <span className="min-h-[88px]">Explore the source code.</span>,
description: "Explore the source code.",
link: "https://github.com/MacRimi/ProxMenux",
},
]
export default function Resources() {
return (
<section className="py-20 bg-gray-900">
<div className="container mx-auto px-4">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
{resources.map((resource, index) => (
<Link key={index} href={resource.link} className="block">
<div className="bg-gray-800 p-6 rounded-lg shadow-lg hover:bg-gray-700 transition-colors duration-200">
<Link key={index} href={resource.link} className="block h-full">
<div className="bg-gray-800 p-6 rounded-lg shadow-lg hover:bg-gray-700 transition-colors duration-200 h-full flex flex-col justify-between">
<div className="flex items-center mb-4">
{resource.icon}
<h3 className="text-xl font-semibold ml-2">{resource.title}</h3>
</div>
<p className="text-gray-400">{resource.description}</p>
<p className="text-gray-400 min-h-[48px]">{resource.description}</p>
</div>
</Link>
))}
@ -52,4 +51,3 @@ export default function Resources() {
</section>
)
}