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

fix: wrap contributor icons

This commit is contained in:
uetchy 2022-03-30 14:23:48 +09:00
parent 2570df10a9
commit 799c24167b
2 changed files with 5 additions and 6 deletions

View File

@ -64,13 +64,11 @@ const Contributors: React.FC = () => {
const Container = styled.div` const Container = styled.div`
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap;
`; `;
const Item = styled.div` const Item = styled.div`
margin-left: 10px; margin-right: 10px;
:first-child {
margin-left: 0;
}
`; `;
const avatarSize = 32; const avatarSize = 32;

View File

@ -22,7 +22,7 @@ const Languages = () => {
const { t } = useTranslation(); const { t } = useTranslation();
return ( return (
<Pane> <Pane style={{ whiteSpace: 'nowrap' }}>
<Title>{t('language')}</Title> <Title>{t('language')}</Title>
<ul> <ul>
<li> <li>
@ -182,7 +182,7 @@ const About = () => {
{language === 'ja' ? ( {language === 'ja' ? (
<> <>
<br /> <br />
<Title></Title> <Subtitle></Subtitle>
<p> <p>
Web-API機能を利用して取得した情報をもとに作成していますが Web-API機能を利用して取得した情報をもとに作成していますが
</p> </p>
@ -221,6 +221,7 @@ const Container = styled(Section)`
`; `;
const Pane = styled.div` const Pane = styled.div`
margin: 0 20px;
font-size: 1rem; font-size: 1rem;
${tablet} { ${tablet} {