Web: Files: applied Loaders.Tiles, layout fix
This commit is contained in:
parent
f8c69fd939
commit
a4aa89564c
@ -103,7 +103,7 @@ const StyledOptionButton = styled.div`
|
|||||||
padding-top: 8px;
|
padding-top: 8px;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
padding-left: 12px;
|
padding-left: 12px;
|
||||||
padding-right: 14px;
|
padding-right: 13px;
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
@ -24,6 +24,7 @@ const SectionBodyContent = (props) => {
|
|||||||
setTooltipPosition,
|
setTooltipPosition,
|
||||||
isRecycleBinFolder,
|
isRecycleBinFolder,
|
||||||
moveDragItems,
|
moveDragItems,
|
||||||
|
viewAs,
|
||||||
} = props;
|
} = props;
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@ -141,7 +142,13 @@ const SectionBodyContent = (props) => {
|
|||||||
|
|
||||||
return (!fileActionId && isEmptyFilesList) || null ? (
|
return (!fileActionId && isEmptyFilesList) || null ? (
|
||||||
firstLoad || (isMobile && isLoading) ? (
|
firstLoad || (isMobile && isLoading) ? (
|
||||||
<Loaders.Rows />
|
viewAs === "tile" ? (
|
||||||
|
<>
|
||||||
|
<Loaders.Tiles />
|
||||||
|
</>
|
||||||
|
) : (
|
||||||
|
<Loaders.Rows />
|
||||||
|
)
|
||||||
) : (
|
) : (
|
||||||
<EmptyContainer />
|
<EmptyContainer />
|
||||||
)
|
)
|
||||||
@ -164,7 +171,7 @@ export default inject(
|
|||||||
dragging,
|
dragging,
|
||||||
setDragging,
|
setDragging,
|
||||||
isLoading,
|
isLoading,
|
||||||
//viewAs,
|
viewAs,
|
||||||
setTooltipPosition,
|
setTooltipPosition,
|
||||||
startDrag,
|
startDrag,
|
||||||
setStartDrag,
|
setStartDrag,
|
||||||
@ -176,7 +183,7 @@ export default inject(
|
|||||||
setStartDrag,
|
setStartDrag,
|
||||||
fileActionId: fileActionStore.id,
|
fileActionId: fileActionStore.id,
|
||||||
firstLoad,
|
firstLoad,
|
||||||
//viewAs,
|
viewAs,
|
||||||
isLoading,
|
isLoading,
|
||||||
isEmptyFilesList: filesList.length <= 0,
|
isEmptyFilesList: filesList.length <= 0,
|
||||||
setDragging,
|
setDragging,
|
||||||
|
Loading…
Reference in New Issue
Block a user