uetchy/namae
1
0
Fork 0
mirror of https://github.com/uetchy/namae.git synced 2025-03-17 04:30:31 +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>
))}
</Items>
<Icon>
<TiArrowSync onClick={shuffle} />
<Icon onClick={shuffle}>
<TiArrowSync />
</Icon>
</Container>
);
@ -174,10 +174,11 @@ const Container = styled.div`
const Title = styled.div`
margin-top: 15px;
padding: 5px 12px;
padding: 5px 14px;
color: gray;
border: 1px solid gray;
border-radius: 2em;
font-size: 0.6rem;
`;
const Items = styled.div`
@ -208,7 +209,23 @@ const Item = styled.div`
`;
const Icon = styled(Item)`
margin: 15px 0 0 0;
padding: 8px 9px;
display: flex;
align-items: center;
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;
}
`;