gaspersic/developer-roadmap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add youtube header on roadmap pages

Browse Source
This commit is contained in:
Kamran Ahmed
2021-10-05 07:55:44 +02:00
parent 6a4af77ba8
commit f1b6d13928
2 changed files with 36 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/page-header.tsx
View File

@ -1,18 +1,21 @@
import { Box, Container, Heading, Text } from '@chakra-ui/react';
import { Badge, Box, Container, Heading, Link, Text } from '@chakra-ui/react';
import React from 'react';
import siteConfig from '../content/site.json';
type PageHeaderProps = {
title: string;
subtitle: string;
children?: React.ReactNode;
beforeTitle?: React.ReactNode;
};
export function PageHeader(props: PageHeaderProps) {
const { title, subtitle, children } = props;
const { title, subtitle, children, beforeTitle = null } = props;
return (
<Box pt={['25px', '20px', '45px']} pb={['20px', '15px', '30px']} borderBottomWidth={1} mb='30px'>
<Container maxW='container.md' position='relative'>
{beforeTitle}
<Heading
as='h1'
color='black'