uetchy/namae
1
0
Fork 0
mirror of https://github.com/uetchy/namae.git synced 2025-07-01 22:10:04 +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 />
<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;

4
src/components/Card.js
View File

@ -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;
`