uetchy/namae
1
0
Fork 0
mirror of https://github.com/uetchy/namae.git synced 2025-07-02 06:20:02 +09:00
Code Issues Releases Activity

feat: add logo

Browse Source
This commit is contained in:
uetchy 2019-07-31 00:26:49 +09:00
parent 84fb52d71a
commit 7626959819
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/App.js
View File

@ -28,6 +28,7 @@ export default function App() {
<> <>
<GlobalStyle /> <GlobalStyle />
<header> <header>
<Logo>namae.dev — name your new project</Logo>
<Input <Input
onChange={onChange} onChange={onChange}
placeholder="awesome-package" placeholder="awesome-package"
@ -53,12 +54,19 @@ export default function App() {
) )
} }
const Logo = styled.div`
margin: 15px;
text-align: center;
`
const Input = styled.input` const Input = styled.input`
width: 100%; width: 100%;
padding: 20px; padding: 20px;
outline: none; outline: none;
font-size: 4rem; font-size: 4rem;
font-family: monospace; font-family: monospace;
border: none;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
font-size: 2rem; font-size: 2rem;

4
src/components/Card.js
View File

@ -71,9 +71,9 @@ class ErrorBoundary extends React.Component {
} }
const CardWrapper = styled.div` const CardWrapper = styled.div`
margin-bottom: 40px; margin-bottom: 20px;
padding: 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; border-radius: 2px;
` `