From e9638e85c3d77a9b47f6d06cbb3f4e8e3d738009 Mon Sep 17 00:00:00 2001
From: lxfriday <liu3248184446@outlook.com>
Date: Thu, 10 Oct 2019 12:40:48 +0800
Subject: [PATCH] fix: make error overlay fontsize larger

---
 packages/react-error-overlay/src/components/CodeBlock.js | 1 +
 packages/react-error-overlay/src/components/Footer.js    | 1 +
 packages/react-error-overlay/src/components/Header.js    | 3 ++-
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/react-error-overlay/src/components/CodeBlock.js b/packages/react-error-overlay/src/components/CodeBlock.js
index f2bda36342b..bce6f167a29 100644
--- a/packages/react-error-overlay/src/components/CodeBlock.js
+++ b/packages/react-error-overlay/src/components/CodeBlock.js
@@ -12,6 +12,7 @@ import { redTransparent, yellowTransparent } from '../styles';
 const _preStyle = {
   position: 'relative',
   display: 'block',
+  fontSize: '1.3em',
   padding: '0.5em',
   marginTop: '0.5em',
   marginBottom: '0.5em',
diff --git a/packages/react-error-overlay/src/components/Footer.js b/packages/react-error-overlay/src/components/Footer.js
index bef53f6c15e..ab64894eac5 100644
--- a/packages/react-error-overlay/src/components/Footer.js
+++ b/packages/react-error-overlay/src/components/Footer.js
@@ -14,6 +14,7 @@ const footerStyle = {
   color: darkGray,
   marginTop: '0.5rem',
   flex: '0 0 auto',
+  fontSize: '1.3em',
 };
 
 type FooterPropsType = {|
diff --git a/packages/react-error-overlay/src/components/Header.js b/packages/react-error-overlay/src/components/Header.js
index 7b45ceef538..544e51889f2 100644
--- a/packages/react-error-overlay/src/components/Header.js
+++ b/packages/react-error-overlay/src/components/Header.js
@@ -10,7 +10,8 @@ import React from 'react';
 import { red } from '../styles';
 
 const headerStyle = {
-  fontSize: '2em',
+  fontSize: '2.3em',
+  fontWeight: 'bold',
   fontFamily: 'sans-serif',
   color: red,
   whiteSpace: 'pre-wrap',