delete button moved to the last position

This commit is contained in:
Daniel Shleifman
2021-05-26 08:13:03 +03:00
parent 7b24e3e603
commit 71c860996b
2 changed files with 9 additions and 5 deletions

View File

@@ -75,11 +75,6 @@ export default function Torrent({ torrent }) {
<span>Drop</span> <span>Drop</span>
</StyledButton> </StyledButton>
<StyledButton onClick={() => deleteTorrent(torrentLocalComponentValue)}>
<DeleteIcon />
<span>Delete</span>
</StyledButton>
<StyledButton <StyledButton
onClick={() => { onClick={() => {
setShowCache(false) setShowCache(false)
@@ -89,6 +84,11 @@ export default function Torrent({ torrent }) {
<HeightIcon /> <HeightIcon />
<span>Details</span> <span>Details</span>
</StyledButton> </StyledButton>
<StyledButton onClick={() => deleteTorrent(torrentLocalComponentValue)}>
<DeleteIcon />
<span>Delete</span>
</StyledButton>
</TorrentCardButtons> </TorrentCardButtons>
<TorrentCardDescription> <TorrentCardDescription>

View File

@@ -14,6 +14,10 @@ const TorrentListWrapper = styled.div`
gap: 10px; gap: 10px;
grid-template-columns: repeat(auto-fit, 310px); grid-template-columns: repeat(auto-fit, 310px);
} }
@media (max-width: 410px) {
grid-template-columns: minmax(min-content, 290px);
}
` `
export default function TorrentList() { export default function TorrentList() {