Web: Components: TableContainer: Fixed GroupMenuItem and StyledTableContainer components height for huge mobile devices

This commit is contained in:
Ilya Oleshko 2022-06-21 17:11:29 +03:00
parent f8c17c24e2
commit 2391930e6f
2 changed files with 3 additions and 10 deletions

View File

@ -74,14 +74,7 @@ const StyledButton = styled(Button)`
}
}
@media ${hugeMobile} {
padding: 0 16px;
height: 60px;
font-size: 0;
line-height: 0;
}
@media ${mobile} {
@media ${mobile}, ${hugeMobile} {
padding: 0 16px;
height: 50px;
font-size: 0;

View File

@ -1,6 +1,6 @@
import styled, { css } from "styled-components";
import Base from "../themes/base";
import { mobile, tablet } from "../utils/device";
import { mobile, tablet, hugeMobile } from "../utils/device";
import Scrollbar from "../scrollbar";
import { isMobile } from "react-device-detect";
@ -99,7 +99,7 @@ const StyledTableGroupMenu = styled.div`
height: 60px;
}
@media ${mobile} {
@media ${mobile}, ${hugeMobile} {
height: 52px;
}