/
dimamir
/
better-auth
Обзор
Документация
Войти
/
dimamir
/
better-auth
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
docs/components/display-techstack.tsx
42 строки
990 B
KinfeMichael Tariku
docs: improve landing page start counter
07 ноя 2024, 10:24
Не верифицирован
07 ноя 2024, 10:24
60ef589
Код
Авторство
О чём код?
import { cn } from "@/lib/utils"; import { techStackIcons } from "./techstack-icons"; import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@/components/ui/tooltip"; export const TechStackDisplay = ({ skills, className, }: { skills: string[]; className?: string; }) => { return ( <div className={cn( "flex gap-7 flex-wrap mt-3 justify-center items-center max-w-4xl", className, )} > {skills.map((icon) => { return ( <TooltipProvider delayDuration={50} key={icon}> <Tooltip> <TooltipTrigger asChild> <span className="transform duration-300 hover:rotate-12 transition-transform"> {techStackIcons[icon].icon} </span> </TooltipTrigger> <TooltipContent className="text-white/80 bg-gradient-to-tr from-stone-950/90 via-stone-900 to-stone-950/90 z-1"> {techStackIcons[icon].name} </TooltipContent> </Tooltip> </TooltipProvider> ); })} </div> ); };