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

chore: cosmetic changes

This commit is contained in:
uetchy 2020-02-08 19:05:33 +09:00
parent e923f80a47
commit c75d523f86

View File

@ -213,12 +213,17 @@ const Suggestion: React.FC<{
export default Suggestion; export default Suggestion;
const Container = styled.div` const Container = styled.div`
margin-top: 20px;
margin-bottom: 10px; margin-bottom: 10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
${mobile} {
margin-top: 15px;
}
`; `;
const Title = styled.div` const Title = styled.div`
@ -229,10 +234,6 @@ const Title = styled.div`
text-transform: uppercase; text-transform: uppercase;
font-size: 12px; font-size: 12px;
user-select: none; user-select: none;
${mobile} {
margin-top: 15px;
}
`; `;
const Items = styled.div` const Items = styled.div`
@ -250,7 +251,7 @@ const Items = styled.div`
const Item = styled.div` const Item = styled.div`
margin-top: 10px; margin-top: 10px;
margin-right: 14px; margin: 10px 12px 0;
cursor: pointer; cursor: pointer;
font-weight: bold; font-weight: bold;
font-family: monospace; font-family: monospace;
@ -260,7 +261,7 @@ const Item = styled.div`
color: black; color: black;
${mobile} { ${mobile} {
margin-right: 0; margin: 10px 0 0;
font-size: 1.3rem; font-size: 1.3rem;
} }
`; `;