Web: Files: Tiles: Loaders aligned with content, fixes

ONLYOFFICE · Dec 30, 2021 · e014ff6 · e014ff6
1 parent fd7a5d9
commit e014ff6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 9 deletions.
diff --git a/packages/asc-web-common/components/Loaders/TilesLoader/TilesLoader.js b/packages/asc-web-common/components/Loaders/TilesLoader/TilesLoader.js
@@ -19,12 +19,12 @@ const StyledWrapper = styled.div`
   grid-gap: 16px;
 
   .folders {
-    margin-top: 20px;
-    margin-bottom: 16px;
+    margin-top: -1px;
+    margin-bottom: 12px;
   }
 
   .files {
-    margin-top: 37px;
+    margin-top: 25px;
   }
 
   margin-right: 3px;

diff --git a/...ts/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/sub-components/TileContainer.js b/...ts/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/sub-components/TileContainer.js
@@ -24,7 +24,7 @@ const StyledGridWrapper = styled.div`
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(216px, 1fr));
   width: 100%;
-  margin-bottom: ${(props) => (props.isFolders ? "29px" : 0)};
+  margin-bottom: ${(props) => (props.isFolders ? "23px" : 0)};
   box-sizing: border-box;
   ${paddingCss};
 
@@ -52,12 +52,8 @@ const StyledTileContainer = styled.div`
 
   .tile-items-heading {
     margin: 0;
-    padding-bottom: 11px;
+    margin-bottom: 15px;
     pointer-events: none;
-
-    &.files {
-      padding-top: 8px;
-    }
   }
 
   @media ${tablet} {