mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-13 10:34:18 -07:00
Fix misc stuff from lighthouse (#81)
* Fix misc stuff from lighthouse - Icons in list were resizing to be too small. - Added robots.txt (full exclude for now) - Add favicon.ico placeholder - Added page title using helmet (react-helmet + gatsby-plugin-react-helmet) Note: not sure if react-helmet can be in dev section of package.json? * Move helmet to header file - Moved `<Helmet><title>{title}</title></Helmet>` to Header. - Added ts support for Helmet. * Fix title header
This commit is contained in:
parent
cf3d14d3b1
commit
9f3a030fd5
8 changed files with 58 additions and 2 deletions
|
@ -1,6 +1,7 @@
|
|||
import React from 'react';
|
||||
import {GovBanner, Header, Title, PrimaryNav} from '@trussworks/react-uswds';
|
||||
import {useIntl, Link} from 'gatsby-plugin-intl';
|
||||
import {Helmet} from 'react-helmet';
|
||||
|
||||
const headerLinks = [
|
||||
<Link to="/" key="/">Home</Link>,
|
||||
|
@ -13,9 +14,14 @@ const J40Header = () => {
|
|||
description: 'Title of the project'});
|
||||
return (
|
||||
<>
|
||||
<Helmet>
|
||||
<meta charSet="utf-8" />
|
||||
<title>{title}</title>
|
||||
</Helmet>
|
||||
|
||||
<GovBanner />
|
||||
<Header>
|
||||
<Title>
|
||||
<Title className={'usa-hero__heading j40-title'}>
|
||||
{title}
|
||||
</Title>
|
||||
<PrimaryNav items={headerLinks}/>
|
||||
|
|
|
@ -41,7 +41,6 @@ const IndexPage = () => {
|
|||
|
||||
return (
|
||||
<Layout>
|
||||
|
||||
<main id="main-content" role="main">
|
||||
<section className="grid-container">
|
||||
<div className="grid-row grid-gap">
|
||||
|
|
|
@ -17,4 +17,11 @@
|
|||
|
||||
.j40-two-column-icons-spacing {
|
||||
padding-right: 1em;
|
||||
width: 2.3em;
|
||||
max-width: revert;
|
||||
}
|
||||
|
||||
.j40-title {
|
||||
padding: 2em;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue