changed colors from and to
This commit is contained in:
parent
baa8d85ffe
commit
3ba6a43418
|
|
@ -10,14 +10,14 @@ export const TimerItem = ({
|
||||||
<div className="timer-item flex flex-col items-center">
|
<div className="timer-item flex flex-col items-center">
|
||||||
<div className="relative sm:h-14 h-6 w-16 overflow-hidden font-bold">
|
<div className="relative sm:h-14 h-6 w-16 overflow-hidden font-bold">
|
||||||
<span
|
<span
|
||||||
className={`absolute left-1/2 -translate-x-1/2 black bg-gradient-to-t from-[#F38835] to-[#F1700D] text-transparent bg-clip-text sm:text-5xl text-xl leading-none transition-all duration-300 ${
|
className={`absolute left-1/2 -translate-x-1/2 black bg-gradient-to-t from-[#F1700D] to-[#F38835] text-transparent bg-clip-text sm:text-5xl text-xl leading-none transition-all duration-300 ${
|
||||||
prevValue !== value ? " opacity-0" : " opacity-100"
|
prevValue !== value ? " opacity-0" : " opacity-100"
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
{prevValue}
|
{prevValue}
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
className={`absolute left-1/2 -translate-x-1/2 black bg-gradient-to-t from-[#F38835] to-[#F1700D] text-transparent bg-clip-text sm:text-5xl text-xl leading-none transition-all duration-300 ${
|
className={`absolute left-1/2 -translate-x-1/2 black bg-gradient-to-t from-[#F1700D] to-[#F38835] text-transparent bg-clip-text sm:text-5xl text-xl leading-none transition-all duration-300 ${
|
||||||
prevValue !== value ? "opacity-100" : "opacity-0"
|
prevValue !== value ? "opacity-100" : "opacity-0"
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue