info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-09-06 23:30:42 +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 { cn } from '../../lib/classname';
import { HeroTitle } from './HeroTitle'; import { HeroTitle } from './HeroTitle';
@@ -47,8 +47,6 @@ export function HeroItemsGroup(props: HeroItemsGroupProps) {
{ {
'py-4': !isLoadingOrCollapsedOrEmpty, 'py-4': !isLoadingOrCollapsedOrEmpty,
'py-4 ': isLoadingOrCollapsedOrEmpty, 'py-4 ': isLoadingOrCollapsedOrEmpty,
'opacity-50 transition-opacity hover:opacity-100':
isCollapsed && !isLoading,
}, },
className, className,
)} )}

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

@@ -1,6 +1,6 @@
import type { ReactNode } from 'react'; import type { ReactNode } from 'react';
import { Spinner } from '../ReactIcons/Spinner.tsx'; 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'; import { cn } from '../../lib/classname.ts';
type HeroTitleProps = { type HeroTitleProps = {
@@ -29,7 +29,10 @@ export function HeroTitle(props: HeroTitleProps) {
return ( return (
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex items-center gap-3"> <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 && icon}
{isLoading && ( {isLoading && (
<span className="mr-1.5"> <span className="mr-1.5">