Management: fix mobile style
This commit is contained in:
parent
8611b8b0d1
commit
51fa9bc2c5
@ -26,20 +26,17 @@
|
||||
|
||||
import React from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import styled from "styled-components";
|
||||
|
||||
import { RowContent } from "@docspace/shared/components/row-content";
|
||||
import { Text } from "@docspace/shared/components/text";
|
||||
import styled, { css } from "styled-components";
|
||||
import { isMobileOnly } from "react-device-detect";
|
||||
import { getConvertedSize } from "@docspace/shared/utils/common";
|
||||
import { mobile } from "@docspace/shared/utils";
|
||||
import { TPortals } from "SRC_DIR/types/spaces";
|
||||
|
||||
const StyledRowContent = styled(RowContent)`
|
||||
padding-bottom: 10px;
|
||||
.row-main-container-wrapper {
|
||||
${isMobileOnly &&
|
||||
css`
|
||||
margin-top: 14px;
|
||||
`}
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
@ -47,6 +44,16 @@ const StyledRowContent = styled(RowContent)`
|
||||
.mainIcons {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
@media ${mobile} {
|
||||
.row-main-container-wrapper {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.mainIcons {
|
||||
align-self: flex-start;
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
type TRoomContent = {
|
||||
|
Loading…
Reference in New Issue
Block a user