mirror of
https://github.com/uetchy/namae.git
synced 2025-03-18 04:50:32 +09:00
chore: cosmetic changes
This commit is contained in:
parent
16d29b00f4
commit
d417f6f7cd
@ -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>
|
||||||
|
@ -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"
|
||||||
}
|
}
|
||||||
|
@ -27,7 +27,8 @@
|
|||||||
"ocaml": "OCaml"
|
"ocaml": "OCaml"
|
||||||
},
|
},
|
||||||
"countryCode": "jp",
|
"countryCode": "jp",
|
||||||
"try": "全自動名前考え機",
|
"try": "これはどう?",
|
||||||
"showMore": "もっと見る",
|
"showMore": "もっと見る",
|
||||||
"noResult": "該当なし"
|
"noResult": "該当なし",
|
||||||
|
"exampleQueries": "これらのワードでお試しください"
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
|
@ -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`
|
||||||
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
@ -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'},
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
Loading…
x
Reference in New Issue
Block a user