lapikud/tipilan
3
0
Fork 0
mirror of https://github.com/Lapikud/tipilan.git synced 2026-03-23 13:24:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added hover effect to mini-tournament section to fit with rest of the page.

Browse Source
This commit is contained in:
Rene Arumetsa
2025-10-05 14:46:33 +03:00
parent 41a90d53ee
commit d7b0e24601
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/[locale]/turniirid/page.tsx
View File

@@ -18,6 +18,7 @@ export default async function Tourney({
prize: string; prize: string;
image: string; image: string;
objectPosition?: string; objectPosition?: string;
bgClass?: string;
}[] = [ }[] = [
{ {
name: "Tekken 8", name: "Tekken 8",
@@ -54,12 +55,14 @@ export default async function Tourney({
prize: "50€", prize: "50€",
image: "/messiala/dwarf_escape.png", image: "/messiala/dwarf_escape.png",
objectPosition: "object-center", objectPosition: "object-center",
bgClass: "bg-black",
}, },
{ {
name: "Buckshot Roulette", name: "Buckshot Roulette",
prize: "Merch", prize: "Merch",
image: "/messiala/buckshot_tournament.png", image: "/messiala/buckshot_tournament.png",
objectPosition: "object-center", objectPosition: "object-center",
bgClass: "bg-black",
}, },
{ {
name: "Granblue Fantasy: Versus Rising", name: "Granblue Fantasy: Versus Rising",
@@ -196,7 +199,7 @@ export default async function Tourney({
</div> </div>
{/* Mini-turniirid */} {/* Mini-turniirid */}
<div className="py-8 md:py-16 border-t-[3px] border-b-[3px] border-[#1F5673]"> <div className="hover:bg-[#007CAB] py-8 md:py-16 border-t-[3px] border-b-[3px] border-[#1F5673] transition group">
<div className="mx-8 md:mx-16 lg:mx-32 xl:mx-48"> <div className="mx-8 md:mx-16 lg:mx-32 xl:mx-48">
<div className="-skew-x-2 md:-skew-x-5 mb-8"> <div className="-skew-x-2 md:-skew-x-5 mb-8">
<h2 className={`${headingStyle}`}> <h2 className={`${headingStyle}`}>
@@ -204,7 +207,7 @@ export default async function Tourney({
</h2> </h2>
<p <p
className={ className={
"text-2xl mb-4 text-neutral-500" "text-2xl mb-4 text-neutral-500 group-hover:text-black"
} }
> >
{t("tournaments.mini.timing")} {t("tournaments.mini.timing")}
@@ -237,7 +240,7 @@ export default async function Tourney({
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8"> <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8">
{miniTournaments.map((tournament) => ( {miniTournaments.map((tournament) => (
<div key={tournament.name} className="text-center"> <div key={tournament.name} className="text-center">
<div className="border-2 border-[#007CAB] p-1 rounded-md"> <div className={`border-2 border-[#007CAB] p-1 rounded-md ${tournament.bgClass || ''}`}>
<Image <Image
src={tournament.image} src={tournament.image}
alt={tournament.name} alt={tournament.name}