info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-09-08 16:20:40 +02:00
Code Issues Releases Wiki Activity

Update sticky course banner

Browse Source
This commit is contained in:
Kamran Ahmed
2025-03-28 19:54:54 +00:00
parent 77b4e78348
commit 0a442493f1
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/SQLCourse/CourseAnnouncement.tsx
View File

@@ -6,7 +6,7 @@ export function CourseAnnouncement() {
const [isVisible, setIsVisible] = useState(false); const [isVisible, setIsVisible] = useState(false);
useEffect(() => { useEffect(() => {
const timer = setTimeout(() => setIsVisible(true), 1500); const timer = setTimeout(() => setIsVisible(true), 1700);
return () => clearTimeout(timer); return () => clearTimeout(timer);
}, []); }, []);
@@ -14,7 +14,7 @@ export function CourseAnnouncement() {
<div <div
className={cn( className={cn(
'sticky top-0 z-[91] h-0 overflow-hidden transition-[height] duration-300', 'sticky top-0 z-[91] h-0 overflow-hidden transition-[height] duration-300',
isVisible ? 'h-[36px]' : 'h-0', isVisible ? 'sm:h-[36px] h-[30px]' : 'h-0',
)} )}
> >
<a href="/courses/sql" className="flex items-center bg-yellow-400 py-1.5"> <a href="/courses/sql" className="flex items-center bg-yellow-400 py-1.5">