Web: Files: Tiles: Loaders: Fixed number of loaders on smartphones

ONLYOFFICE · Jan 19, 2022 · 5098ea1 · 5098ea1
1 parent 2876ef5
commit 5098ea1
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/asc-web-common/components/Loaders/TileLoader/StyledTileLoader.js b/packages/asc-web-common/components/Loaders/TileLoader/StyledTileLoader.js
@@ -1,13 +1,13 @@
 import styled, { css } from "styled-components";
-import { mobile, tablet, size } from "@appserver/components/utils/device";
+import { smallTablet, tablet, size } from "@appserver/components/utils/device";
 
 const StyledTile = styled.div`
   position: relative;
   display: grid;
   width: 100%;
   height: ${(props) => (props.isFolder ? "32px" : "220px")};
 
-  @media ${mobile} {
+  @media ${smallTablet} {
     &:nth-of-type(n + 3) {
       display: none;
     }
@@ -21,7 +21,7 @@ const StyledTile = styled.div`
       `}
   }
 
-  @media (min-width: ${size.mobile}px) and ${tablet} {
+  @media (min-width: ${size.smallTablet}px) and ${tablet} {
     &:nth-of-type(n + 7) {
       display: none;
     }