Web: Files: fixed Tile styles
This commit is contained in:
parent
0de5d36ce4
commit
b1d70eaeb0
@ -1,4 +1,16 @@
|
||||
import styled from "styled-components";
|
||||
import styled, { css } from "styled-components";
|
||||
import { desktop, tablet } from "@docspace/components/utils/device";
|
||||
|
||||
const paddingCss = css`
|
||||
@media ${desktop} {
|
||||
margin-left: 1px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
@media ${tablet} {
|
||||
margin-left: -1px;
|
||||
}
|
||||
`;
|
||||
|
||||
const StyledCard = styled.div`
|
||||
display: grid;
|
||||
@ -10,6 +22,9 @@ const StyledItem = styled.div`
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(216px, 1fr));
|
||||
gap: 14px 16px;
|
||||
width: 100%;
|
||||
|
||||
${paddingCss};
|
||||
`;
|
||||
|
||||
const StyledHeaderItem = styled.div`
|
||||
|
Loading…
Reference in New Issue
Block a user