1
0
mirror of https://github.com/uetchy/namae.git synced 2025-03-17 20:40:32 +09:00

chore: cosmetic changes

This commit is contained in:
uetchy 2020-02-06 03:39:06 +09:00
parent 16d29b00f4
commit d417f6f7cd
7 changed files with 36 additions and 14 deletions

View File

@ -50,7 +50,10 @@
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@uetschy" /> <meta name="twitter:creator" content="@uetschy" />
<meta name="twitter:image" content="https://namae.dev/social.png" /> <meta name="twitter:image" content="https://namae.dev/social.png" />
<link
href="https://fonts.googleapis.com/css?family=Montserrat:600&display=swap"
rel="stylesheet"
/>
<title>namae</title> <title>namae</title>
</head> </head>
<body> <body>

View File

@ -27,7 +27,8 @@
"ocaml": "OCaml" "ocaml": "OCaml"
}, },
"countryCode": "us", "countryCode": "us",
"try": "suggestions", "try": "How about this?",
"showMore": "show more", "showMore": "show more",
"noResult": "No Result" "noResult": "No Result",
"exampleQueries": "Try these queries"
} }

View File

@ -27,7 +27,8 @@
"ocaml": "OCaml" "ocaml": "OCaml"
}, },
"countryCode": "jp", "countryCode": "jp",
"try": "全自動名前考え機", "try": "これはどう?",
"showMore": "もっと見る", "showMore": "もっと見る",
"noResult": "該当なし" "noResult": "該当なし",
"exampleQueries": "これらのワードでお試しください"
} }

View File

@ -63,7 +63,7 @@ const Form: React.FC<{
return ( return (
<InputContainer> <InputContainer>
<Logo onClick={onLogoClick}> <Logo onClick={onLogoClick}>
<Link to="/">namæ</Link> <Link to="/">namae</Link>
</Logo> </Logo>
<InputView <InputView
onChange={onInputChange} onChange={onInputChange}
@ -96,7 +96,7 @@ const InputContainer = styled.div`
const Logo = styled.div` const Logo = styled.div`
margin-bottom: 5px; margin-bottom: 5px;
text-align: center; text-align: center;
font-family: sans-serif; font-family: 'Montserrat', sans-serif;
font-weight: bold; font-weight: bold;
font-size: 20px; font-size: 20px;
color: #4a90e2; color: #4a90e2;
@ -107,12 +107,16 @@ const Logo = styled.div`
} }
a:link, a:link,
a:hover,
a:active, a:active,
a:visited { a:visited {
text-decoration: none; text-decoration: none;
color: #4a90e2; color: #4a90e2;
} }
a:hover {
text-decoration: none;
color: #0075ff;
}
`; `;
const InputView = styled.input.attrs({ const InputView = styled.input.attrs({
@ -126,9 +130,15 @@ const InputView = styled.input.attrs({
border: none; border: none;
outline: none; outline: none;
text-align: center; text-align: center;
font-family: monospace; font-family: 'Montserrat', monospace;
font-weight: 600;
font-size: 5rem; font-size: 5rem;
line-height: 1.2em; line-height: 1.2em;
transition: opacity 100ms ease-out;
&:hover {
opacity: 0.9;
}
${mobile} { ${mobile} {
font-size: 2rem; font-size: 2rem;

View File

@ -221,12 +221,14 @@ const Container = styled.div`
`; `;
const Title = styled.div` const Title = styled.div`
margin-top: 15px; margin-top: 20px;
padding: 5px 14px; padding: 3px 10px;
color: gray; color: gray;
border: 1px solid gray; border: 1px solid gray;
border-radius: 2em; border-radius: 2em;
font-size: 0.6rem; text-transform: uppercase;
font-size: 12px;
user-select: none;
`; `;
const Items = styled.div` const Items = styled.div`

View File

@ -50,7 +50,7 @@ const Welcome: React.FC = () => {
<Header>{t('title')}</Header> <Header>{t('title')}</Header>
<Text>{t('description')}</Text> <Text>{t('description')}</Text>
<ExampleQueries> <ExampleQueries>
<h5>Try these queries</h5> <h5>{t('exampleQueries')}</h5>
<List> <List>
{queries.map((query) => ( {queries.map((query) => (
<ListButton key={query}> <ListButton key={query}>
@ -229,5 +229,10 @@ const ListButton = styled.div`
padding: 10px; padding: 10px;
border: 1px solid black; border: 1px solid black;
border-radius: 2px; border-radius: 2px;
&:hover {
color: white;
background: black;
}
} }
`; `;

View File

@ -14,7 +14,7 @@ i18n
backends: [LocalStorageBackend, XHR], backends: [LocalStorageBackend, XHR],
backendOptions: [ backendOptions: [
{ {
versions: {en: '1.7', ja: '1.7'}, versions: {en: '1.8', ja: '1.8'},
}, },
], ],
}, },