gopienkonikita
d0e4f67ec4
# Conflicts: # packages/client/src/components/Article/Body/index.js # packages/client/src/pages/Home/Section/Body/RowsView/FilesRowContainer.js # packages/client/src/pages/Home/Section/Body/TableView/TableContainer.js # packages/client/src/pages/Home/Section/Body/TilesView/sub-components/InfiniteGrid.js # packages/client/src/pages/Home/Section/Body/TilesView/sub-components/StyledInfiniteGrid.js # packages/client/src/pages/Home/Section/Body/TilesView/sub-components/TileContainer.js # packages/client/src/store/FilesStore.js
46 lines
902 B
JavaScript
46 lines
902 B
JavaScript
import styled from "styled-components";
|
|
import Base from "../themes/base";
|
|
|
|
const StyledTableLoader = styled.div`
|
|
grid-column-start: 1;
|
|
grid-column-end: -1;
|
|
display: grid;
|
|
padding-top: 16px;
|
|
`;
|
|
|
|
const StyledRowLoader = styled.div`
|
|
padding-top: 16px;
|
|
`;
|
|
|
|
const StyledScroll = styled.div`
|
|
overflow: scroll;
|
|
|
|
/* Chrome, Edge и Safari */
|
|
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: ${({ theme }) => theme.scrollbar.backgroundColorVertical};
|
|
border-radius: 3px;
|
|
|
|
:hover {
|
|
background-color: ${({ theme }) =>
|
|
theme.scrollbar.hoverBackgroundColorVertical};
|
|
}
|
|
}
|
|
|
|
/* Firefox */
|
|
|
|
scrollbar-width: thin;
|
|
scrollbar-color: ${({ theme }) => theme.scrollbar.backgroundColorVertical};
|
|
`;
|
|
|
|
StyledScroll.defaultProps = {
|
|
theme: Base,
|
|
};
|
|
|
|
export { StyledTableLoader, StyledRowLoader, StyledScroll };
|