Web: Components: fixed row styles

This commit is contained in:
Nikita Gopienko 2022-10-03 14:59:02 +03:00
parent 28115f7e72
commit 6007a122d5

View File

@ -1,7 +1,8 @@
import { List } from "react-virtualized"; import { List } from "react-virtualized";
import styled, { css } from "styled-components"; import styled, { css } from "styled-components";
import Base from "../themes/base"; import Base from "../themes/base";
import { desktop, mobile, tablet } from "../utils/device"; import { mobile, tablet } from "../utils/device";
import { isMobile } from "react-device-detect";
const StyledScroll = styled.div` const StyledScroll = styled.div`
overflow: scroll; overflow: scroll;
@ -31,10 +32,10 @@ const StyledScroll = styled.div`
const rowStyles = css` const rowStyles = css`
margin-left: -20px; margin-left: -20px;
width: ${({ width }) => width + 36 + "px !important"}; width: ${({ width }) => width + (isMobile ? 36 : 40) + "px !important"};
.ReactVirtualized__Grid__innerScrollContainer { .ReactVirtualized__Grid__innerScrollContainer {
max-width: ${({ width }) => width + 36 + "px !important"}; max-width: ${({ width }) => width + (isMobile ? 36 : 40) + "px !important"};
} }
@media ${tablet} { @media ${tablet} {