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: refine suggestion button

Browse Source
This commit is contained in:
uetchy 2020-02-05 20:33:24 +09:00
parent 081dc50c43
commit 39a27f7205
1 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
web/src/components/Suggestion.tsx
View File

@ -154,8 +154,8 @@ const Suggestion: React.FC<{
</Item> </Item>
))} ))}
</Items> </Items>
<Icon> <Icon onClick={shuffle}>
<TiArrowSync onClick={shuffle} /> <TiArrowSync />
</Icon> </Icon>
</Container> </Container>
); );
@ -174,10 +174,11 @@ const Container = styled.div`
const Title = styled.div` const Title = styled.div`
margin-top: 15px; margin-top: 15px;
padding: 5px 12px; padding: 5px 14px;
color: gray; color: gray;
border: 1px solid gray; border: 1px solid gray;
border-radius: 2em; border-radius: 2em;
font-size: 0.6rem;
`; `;
const Items = styled.div` const Items = styled.div`
@ -208,7 +209,23 @@ const Item = styled.div`
`; `;
const Icon = styled(Item)` const Icon = styled(Item)`
margin: 15px 0 0 0;
padding: 8px 9px;
display: flex; display: flex;
align-items: center; align-items: center;
border-bottom: none; border-bottom: none;
color: white;
border-radius: 4px;
font-size: 1.3rem;
user-select: none;
background: #1066ff;
transition: background 0.1s ease-out;
&:hover {
background: #3a79ea;
}
&:active {
background: #669dfd;
}
`; `;