uetchy/namae
1
0
Fork 0
mirror of https://github.com/uetchy/namae.git synced 2025-03-17 12:30:32 +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; margin-top: 20px;
padding: 20px; padding: 20px;
outline: none; outline: none;
text-align: center;
font-size: 4rem; font-size: 4rem;
font-family: monospace; font-family: monospace;
border: none; 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) { @media screen and (max-width: 800px) {
font-size: 2rem; font-size: 2rem;
@ -126,7 +132,7 @@ const ResultHeader = styled.div`
` `
const Footer = styled.footer` const Footer = styled.footer`
margin-top: 40px; margin: 40px 0;
text-align: center; text-align: center;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;