/
githubmirror
/
next.js
Обзор
Документация
Войти
/
githubmirror
/
next.js
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
canary
examples/cms-graphcms/components/hero-post.js
37 строк
1 KB
Steven
chore(examples): use default prettier for examples/templates (#60530)
12 янв 2024, 02:01
Не верифицирован
12 янв 2024, 02:01
4466ba4
Код
Авторство
О чём код?
import Avatar from "../components/avatar"; import Date from "../components/date"; import CoverImage from "../components/cover-image"; import Link from "next/link"; export default function HeroPost({ title, coverImage, date, excerpt, author, slug, }) { return ( <section> <div className="mb-8 md:mb-16"> <CoverImage slug={slug} title={title} url={coverImage.url} /> </div> <div className="mb-20 md:grid md:grid-cols-2 md:gap-x-16 lg:gap-x-8 md:mb-28"> <div> <h3 className="mb-4 text-4xl leading-tight lg:text-6xl"> <Link href={`/posts/${slug}`} className="hover:underline"> {title} </Link> </h3> <div className="mb-4 text-lg md:mb-0"> <Date dateString={date} /> </div> </div> <div> <p className="mb-4 text-lg leading-relaxed">{excerpt}</p> <Avatar name={author.name} picture={author.picture.url} /> </div> </div> </section> ); }