From 762695981937db313b199cc3b8881e11913f8d0a Mon Sep 17 00:00:00 2001
From: Yasuaki Uechi <y@uechi.io>
Date: Wed, 31 Jul 2019 00:26:49 +0900
Subject: [PATCH] feat: add logo

---
 src/App.js             | 8 ++++++++
 src/components/Card.js | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/App.js b/src/App.js
index 5b1d06d..c173bb6 100644
--- a/src/App.js
+++ b/src/App.js
@@ -28,6 +28,7 @@ export default function App() {
     <>
       <GlobalStyle />
       <header>
+        <Logo>namae.dev — name your new project</Logo>
         <Input
           onChange={onChange}
           placeholder="awesome-package"
@@ -53,12 +54,19 @@ export default function App() {
   )
 }
 
+const Logo = styled.div`
+  margin: 15px;
+  text-align: center;
+`
+
 const Input = styled.input`
   width: 100%;
   padding: 20px;
   outline: none;
   font-size: 4rem;
   font-family: monospace;
+  border: none;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 
   @media screen and (max-width: 800px) {
     font-size: 2rem;
diff --git a/src/components/Card.js b/src/components/Card.js
index 8b160ae..1e44466 100644
--- a/src/components/Card.js
+++ b/src/components/Card.js
@@ -71,9 +71,9 @@ class ErrorBoundary extends React.Component {
 }
 
 const CardWrapper = styled.div`
-  margin-bottom: 40px;
+  margin-bottom: 20px;
   padding: 20px;
-  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
   border-radius: 2px;
 `