short table fix

This commit is contained in:
Daniel Shleifman
2021-06-02 20:06:35 +03:00
parent f0a2ba8390
commit 68baecedea
2 changed files with 4 additions and 4 deletions

View File

@@ -108,7 +108,8 @@ export const ShortTable = styled.div`
&-data { &-data {
display: grid; display: grid;
grid-auto-flow: column; grid-auto-flow: column;
grid-template-columns: max-content; grid-template-columns: ${isViewed ? 'max-content' : '1fr'};
grid-auto-columns: 1fr;
} }
&-field { &-field {
display: grid; display: grid;

View File

@@ -1,7 +1,6 @@
import styled, { css } from 'styled-components' import styled, { css } from 'styled-components'
export const TorrentCard = styled.div` export const TorrentCard = styled.div`
border: 1px solid;
border-radius: 5px; border-radius: 5px;
display: grid; display: grid;
grid-template-columns: 120px 260px 1fr; grid-template-columns: 120px 260px 1fr;
@@ -64,7 +63,7 @@ export const TorrentCardPoster = styled.div`
export const TorrentCardButtons = styled.div` export const TorrentCardButtons = styled.div`
grid-area: buttons; grid-area: buttons;
display: grid; display: grid;
gap: 5px; gap: 10px;
@media (max-width: 1260px), (max-height: 500px) { @media (max-width: 1260px), (max-height: 500px) {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
@@ -181,7 +180,7 @@ export const StyledButton = styled.button`
display: flex; display: flex;
align-items: center; align-items: center;
text-transform: uppercase; text-transform: uppercase;
background: #216e47; background: #268757;
color: #fff; color: #fff;
font-size: 1rem; font-size: 1rem;
font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif; font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;