info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-09-03 14:22:41 +02:00
Code Issues Releases Wiki Activity

Update hero title

Browse Source
This commit is contained in:
Kamran Ahmed
2025-03-19 12:06:24 +00:00
parent fe829442d1
commit d399ba2c61
2 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/HeroSection/HeroItemsGroup.tsx
View File

@@ -1,4 +1,4 @@
import { useEffect, useRef, useState, type ReactNode } from 'react';
import { useEffect, useState, type ReactNode } from 'react';
import { cn } from '../../lib/classname';
import { HeroTitle } from './HeroTitle';
@@ -47,8 +47,6 @@ export function HeroItemsGroup(props: HeroItemsGroupProps) {
{
'py-4': !isLoadingOrCollapsedOrEmpty,
'py-4 ': isLoadingOrCollapsedOrEmpty,
'opacity-50 transition-opacity hover:opacity-100':
isCollapsed && !isLoading,
},
className,
)}

7
src/components/HeroSection/HeroTitle.tsx
View File

@@ -1,6 +1,6 @@
import type { ReactNode } from 'react';
import { Spinner } from '../ReactIcons/Spinner.tsx';
import { ChevronDown, ChevronsDownUp, ChevronsUpDown } from 'lucide-react';
import { ChevronsDownUp, ChevronsUpDown } from 'lucide-react';
import { cn } from '../../lib/classname.ts';
type HeroTitleProps = {
@@ -29,7 +29,10 @@ export function HeroTitle(props: HeroTitleProps) {
return (
<div className="flex items-center justify-between">
<div className="flex items-center gap-3">
<p className="flex items-center gap-0.5 text-sm text-gray-400">
<p
onClick={onToggleCollapse}
className="flex items-center cursor-default gap-0.5 text-sm text-gray-400"
>
{!isLoading && icon}
{isLoading && (
<span className="mr-1.5">