Tatyana/Rehab_React_Vite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

добавила паттерн конфити на курс завершен

Browse Source
This commit is contained in:
Tatyana 2025-08-12 16:12:35 +03:00
parent 066594d84c
commit 63bfe4476d
2 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/Confetti.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

11
src/pages/CourseComplete.tsx
View File

@ -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">