From b1d70eaeb054f390b3c6765492025ec37cda2d79 Mon Sep 17 00:00:00 2001 From: gopienkonikita Date: Tue, 9 Aug 2022 14:13:42 +0300 Subject: [PATCH] Web: Files: fixed Tile styles --- .../sub-components/StyledInfiniteGrid.js | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/packages/client/src/pages/Home/Section/Body/TilesView/sub-components/StyledInfiniteGrid.js b/packages/client/src/pages/Home/Section/Body/TilesView/sub-components/StyledInfiniteGrid.js index 77ad4e1855..8d9b8b3897 100644 --- a/packages/client/src/pages/Home/Section/Body/TilesView/sub-components/StyledInfiniteGrid.js +++ b/packages/client/src/pages/Home/Section/Body/TilesView/sub-components/StyledInfiniteGrid.js @@ -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`