nebulae/roxane
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip(Home Design)
All checks were successful
Deploy Roxane to Preprod / deploy (push) Successful in 2m32s
Details

Browse Source
This commit is contained in:
Nebulae
2026-03-30 18:50:04 +02:00
parent 24bff5f4b5
commit 83b7c42fe4
7 changed files with 90 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
resources/js/components/features/home/ServiceCard.tsx
View File

@@ -3,7 +3,7 @@ import {Service} from "@/types";
export function ServiceCard({title, colorTitle, bgColor, bgTitle, description, link, illustration}: Service) {
return (
<div
className={`flex gap-1 items-center bg-${bgColor} justify-center gap-4 rounded-3xl p-10 border-3 border-black shadow-[4px_4px_0px_rgba(0,0,0,1)] hover:shadow-none hover:translate-2 transition delay-50 duration-200 ease-in-out`}>
className={`flex gap-1 items-center bg-${bgColor} justify-center gap-4 rounded-4xl p-10 border-3 border-black shadow-[4px_4px_0px_rgba(0,0,0,1)] hover:shadow-none hover:translate-2 transition delay-50 duration-200 ease-in-out`}>
<div>
<div className="max-w-[150px]">
<h3 className={`inline text-2xl font-semibold text-${colorTitle} font-medium bg-${bgTitle} rounded p-1 line-clamp-2`}>{title}</h3>