добавила паттерн конфити на курс завершен
This commit is contained in:
parent
066594d84c
commit
63bfe4476d
BIN
src/assets/Confetti.gif
Normal file
BIN
src/assets/Confetti.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 26 KiB |
@ -4,6 +4,8 @@ import type React from "react"
|
|||||||
import { useEffect, useState } from "react"
|
import { useEffect, useState } from "react"
|
||||||
import { useHistory } from "react-router-dom"
|
import { useHistory } from "react-router-dom"
|
||||||
|
|
||||||
|
import confetti from "../assets/Confetti.gif"
|
||||||
|
|
||||||
const CourseComplete: React.FC = () => {
|
const CourseComplete: React.FC = () => {
|
||||||
const history = useHistory()
|
const history = useHistory()
|
||||||
const [animationPhase, setAnimationPhase] = useState(0)
|
const [animationPhase, setAnimationPhase] = useState(0)
|
||||||
@ -27,6 +29,15 @@ const CourseComplete: React.FC = () => {
|
|||||||
<div className="min-h-screen bg-gradient-to-br from-[#3ABBC7] to-[#0D212C] flex items-center justify-center">
|
<div className="min-h-screen bg-gradient-to-br from-[#3ABBC7] to-[#0D212C] flex items-center justify-center">
|
||||||
{/* Basket Animation */}
|
{/* Basket Animation */}
|
||||||
|
|
||||||
|
<div className="absolute top-0">
|
||||||
|
|
||||||
|
<img
|
||||||
|
src={confetti}
|
||||||
|
className="w-full h-120 object-cover"
|
||||||
|
alt="Описание GIF"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div className="min-h-screen p-4 relative overflow-hidden max-w-4xl mx-auto">
|
<div className="min-h-screen p-4 relative overflow-hidden max-w-4xl mx-auto">
|
||||||
<div className="absolute inset-0 flex items-start justify-center top-30">
|
<div className="absolute inset-0 flex items-start justify-center top-30">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user