lapikud/tipilan
3
0
Fork 0
mirror of https://github.com/Lapikud/tipilan.git synced 2026-05-08 18:08:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Minor opacity fixes for ticket page

Browse Source
This commit is contained in:
Rene Arumetsa
2026-05-01 17:38:53 +03:00
parent b33c7a2b58
commit 3ea5185842
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/[locale]/piletid/page.tsx
View File

@@ -11,6 +11,7 @@ interface TicketCardProps {
buttonText: string; buttonText: string;
buttonHref: string; buttonHref: string;
backgroundImage?: string; backgroundImage?: string;
backgroundOpacity?: number;
} }
function TicketCard({ function TicketCard({
@@ -21,6 +22,7 @@ function TicketCard({
buttonText, buttonText,
buttonHref, buttonHref,
backgroundImage, backgroundImage,
backgroundOpacity = 40,
}: TicketCardProps) { }: TicketCardProps) {
return ( return (
<div className="relative bg-[#0E0F19] border-r border-[#1F5673] p-8 flex flex-col min-h-[350px]"> <div className="relative bg-[#0E0F19] border-r border-[#1F5673] p-8 flex flex-col min-h-[350px]">
@@ -29,7 +31,8 @@ function TicketCard({
src={backgroundImage} src={backgroundImage}
alt="" alt=""
fill fill
className="object-cover object-center opacity-40" className="object-cover object-center"
style={{ opacity: backgroundOpacity / 100 }}
/> />
)} )}
<div className="relative z-10 flex flex-col h-full"> <div className="relative z-10 flex flex-col h-full">
@@ -126,6 +129,7 @@ export default async function Tickets({
buttonText={t("tickets.buyButton")} buttonText={t("tickets.buyButton")}
buttonHref="https://fienta.com/et/tipilan" buttonHref="https://fienta.com/et/tipilan"
backgroundImage="/images/landing/compete_teaser.jpg" backgroundImage="/images/landing/compete_teaser.jpg"
backgroundOpacity={30}
/> />
</div> </div>
</div> </div>