Web: Components: TableContainer: Fixed GroupMenuItem and StyledTableContainer components height for huge mobile devices
This commit is contained in:
parent
f8c17c24e2
commit
2391930e6f
@ -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;
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user