securityos/components/apps/FileExplorer/StyledFileExplorer.ts

34 lines
945 B
TypeScript
Raw Normal View History

2024-09-06 15:32:35 +00:00
import StyledLoading from "components/system/Files/FileManager/StyledLoading";
import StyledFileEntry from "components/system/Files/Views/Icon/StyledFileEntry";
import StyledFileManager from "components/system/Files/Views/Icon/StyledFileManager";
import styled from "styled-components";
const StyledFileExplorer = styled.div`
${StyledFileManager} {
column-gap: 2px;
height: ${({ theme }) =>
`calc(100% - ${theme.sizes.fileExplorer.navBarHeight} - ${theme.sizes.fileExplorer.statusBarHeight})`};
padding-left: 5px;
padding-right: 5px;
}
${StyledLoading} {
height: ${({ theme }) =>
`calc(100% - ${theme.sizes.fileExplorer.navBarHeight} - ${theme.sizes.fileExplorer.statusBarHeight})`};
}
${StyledFileEntry} {
&:hover {
&::before {
border-width: 0;
}
}
&::before {
border-width: 0;
}
}
`;
export default StyledFileExplorer;