Skip to content

Adjust background color for timer #540

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
LadyBluenotes merged 8 commits into from
Nov 24, 2025
Merged

Adjust background color for timer #540

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
c364949
update query.gg banners for Black Friday sale
lynnandtonic Nov 20, 2025
1a551d8
Merge branch 'TanStack:main' into main
lynnandtonic Nov 24, 2025
c538980
fix linting issue
lynnandtonic Nov 24, 2025
4e20af9
fix linting issue
lynnandtonic Nov 24, 2025
12f300c
update bg colors, remove opacity
lynnandtonic Nov 24, 2025
bb7cf51
fix merge conflict
lynnandtonic Nov 24, 2025
1f0df39
adjust bg color for countdown
lynnandtonic Nov 24, 2025
baec91e
remove negative margin
lynnandtonic Nov 24, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions src/components/CountdownTimer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -75,10 +75,10 @@ const Countdown: React.FC<CountdownProps> = ({ targetDate }) => {
)}

<div className={`${unit} grid grid-cols-2 gap-x-1 gap-y-1.5`}>
<span className="h-[2.3rem] aspect-[6/7] grid place-content-center rounded-sm bg-[#f9f4da] bg-opacity-10 font-semibold">
<span className="h-[2.3rem] aspect-[6/7] grid place-content-center rounded-sm bg-[rgba(249,244,218,0.1)] bg-opacity-10 font-semibold">
{formatNumber(timeLeft[unit as keyof TimeLeft]).charAt(0)}
</span>
<span className="h-[2.3rem] aspect-[6/7] grid place-content-center rounded-sm bg-[#f9f4da] bg-opacity-10 font-semibold">
<span className="h-[2.3rem] aspect-[6/7] grid place-content-center rounded-sm bg-[rgba(249,244,218,0.1)] bg-opacity-10 font-semibold">
{formatNumber(timeLeft[unit as keyof TimeLeft]).charAt(1)}
</span>
<p className="col-span-full text-xs">{unit}</p>
Expand Down
4 changes: 2 additions & 2 deletions src/components/CountdownTimerSmall.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,10 +66,10 @@ const Countdown: React.FC<CountdownProps> = ({ targetDate }) => {
)}

<div className={`${unit} grid grid-cols-2 gap-x-1 gap-y-1.5`}>
<span className="h-[1.8em] w-[1.7em] grid place-content-center rounded-sm bg-gray-100 bg-opacity-10 dark:bg-gray-800 dark:bg-opacity-10 text-sm font-semibold">
<span className="h-[1.8em] w-[1.7em] grid place-content-center rounded-sm bg-gray-100 dark:bg-gray-800 text-sm font-semibold">
{formatNumber(timeLeft[unit as keyof TimeLeft]).charAt(0)}
</span>
<span className="h-[1.8em] w-[1.7em] grid place-content-center rounded-sm bg-gray-100 bg-opacity-10 dark:bg-gray-800 dark:bg-opacity-10 text-sm font-semibold">
<span className="h-[1.8em] w-[1.7em] grid place-content-center rounded-sm bg-gray-100 dark:bg-gray-800 text-sm font-semibold">
{formatNumber(timeLeft[unit as keyof TimeLeft]).charAt(1)}
</span>
<p className="col-span-full text-[.65rem]">{unit}</p>
Expand Down
2 changes: 1 addition & 1 deletion src/components/QueryGGBannerSale.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ export function QueryGGBannerSale(props: React.HTMLProps<HTMLDivElement>) {
return (
<aside
{...props}
className="mx-auto w-full max-w-[1200px] p-8 -mt-32 flex justify-between items-center"
className="mx-auto w-full max-w-[1200px] p-8 flex justify-between items-center"
>
<div className="w-full xl:flex xl:gap-6 bg-[#f9f4da] border-4 border-[#231f20]">
<a
Expand Down
Loading