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

fix: centerize form

Browse Source
This commit is contained in:
uetchy 2019-07-31 03:52:17 +09:00
parent ff4c345aeb
commit 78e2b852f5
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/App.js
View File

@ -104,10 +104,16 @@ const Input = styled.input`
margin-top: 20px;
padding: 20px;
outline: none;
text-align: center;
font-size: 4rem;
font-family: monospace;
border: none;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.5s ease-out;
&:hover {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 800px) {
font-size: 2rem;
@ -126,7 +132,7 @@ const ResultHeader = styled.div`
`
const Footer = styled.footer`
margin-top: 40px;
margin: 40px 0;
text-align: center;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;