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

Countdown colons added

Browse Source
This commit is contained in:
Alacris
2026-03-23 00:18:56 +02:00
parent d6950317af
commit b604442c46
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/teaser/HeroSection.tsx
View File

@@ -45,19 +45,22 @@ export default function HeroSection({ onScrollDown }: HeroSectionProps) {
/> />
{/* Countdown */} {/* Countdown */}
<div className="grid grid-cols-2 sm:flex gap-6 sm:gap-8 text-center"> <div className="grid grid-cols-[1fr_auto_1fr] sm:flex gap-x-1.5 gap-y-3 sm:gap-4 text-center items-start">
<div className="flex flex-col items-center gap-2 lg:gap-4 min-w-0 lg:w-[104px]"> <div className="flex flex-col items-center gap-2 lg:gap-4 min-w-0 lg:w-[104px]">
<span className="text-countdown text-text-light">{countdown.days}</span> <span className="text-countdown text-text-light">{countdown.days}</span>
<span className="text-countdown-label text-primary whitespace-nowrap">{t("teaser.countdown.days")}</span> <span className="text-countdown-label text-primary whitespace-nowrap">{t("teaser.countdown.days")}</span>
</div> </div>
<span className="text-countdown text-primary sm:block">:</span>
<div className="flex flex-col items-center gap-2 lg:gap-4 min-w-0 lg:w-[86px]"> <div className="flex flex-col items-center gap-2 lg:gap-4 min-w-0 lg:w-[86px]">
<span className="text-countdown text-text-light">{pad(countdown.hours)}</span> <span className="text-countdown text-text-light">{pad(countdown.hours)}</span>
<span className="text-countdown-label text-primary whitespace-nowrap">{t("teaser.countdown.hours")}</span> <span className="text-countdown-label text-primary whitespace-nowrap">{t("teaser.countdown.hours")}</span>
</div> </div>
<span className="text-countdown text-primary hidden sm:block">:</span>
<div className="flex flex-col items-center gap-2 lg:gap-4 min-w-0 lg:w-[86px]"> <div className="flex flex-col items-center gap-2 lg:gap-4 min-w-0 lg:w-[86px]">
<span className="text-countdown text-text-light">{pad(countdown.minutes)}</span> <span className="text-countdown text-text-light">{pad(countdown.minutes)}</span>
<span className="text-countdown-label text-primary whitespace-nowrap">{t("teaser.countdown.minutes")}</span> <span className="text-countdown-label text-primary whitespace-nowrap">{t("teaser.countdown.minutes")}</span>
</div> </div>
<span className="text-countdown text-primary sm:block">:</span>
<div className="flex flex-col items-center gap-2 lg:gap-4 min-w-0 lg:w-[103px]"> <div className="flex flex-col items-center gap-2 lg:gap-4 min-w-0 lg:w-[103px]">
<span className="text-countdown text-text-light">{pad(countdown.seconds)}</span> <span className="text-countdown text-text-light">{pad(countdown.seconds)}</span>
<span className="text-countdown-label text-primary whitespace-nowrap">{t("teaser.countdown.seconds")}</span> <span className="text-countdown-label text-primary whitespace-nowrap">{t("teaser.countdown.seconds")}</span>