Web: Files: Public-room: fixed styles
This commit is contained in:
parent
76a9126d4e
commit
77c3cdbe52
@ -1,7 +1,7 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
import PropTypes from "prop-types";
|
import PropTypes from "prop-types";
|
||||||
import { desktop, isDesktop } from "@docspace/components/utils/device";
|
import { desktop, isDesktop } from "@docspace/components/utils/device";
|
||||||
import { StyledContextMenuLoader } from "./StyledRowLoader";
|
import { StyledContextMenuLoader } from "./StyledContextMenuLoader";
|
||||||
import RectangleLoader from "../RectangleLoader";
|
import RectangleLoader from "../RectangleLoader";
|
||||||
|
|
||||||
const ContextMenuLoader = ({ id, className, style, isRectangle, ...rest }) => {
|
const ContextMenuLoader = ({ id, className, style, isRectangle, ...rest }) => {
|
||||||
@ -34,7 +34,7 @@ const ContextMenuLoader = ({ id, className, style, isRectangle, ...rest }) => {
|
|||||||
animate={animate}
|
animate={animate}
|
||||||
/>
|
/>
|
||||||
<RectangleLoader
|
<RectangleLoader
|
||||||
className="first-row-content__mobile"
|
className="context-menu-rectangle"
|
||||||
title={title}
|
title={title}
|
||||||
width={isDesktopView ? "97px" : "102px"}
|
width={isDesktopView ? "97px" : "102px"}
|
||||||
height={isDesktopView ? "16px" : "20px"}
|
height={isDesktopView ? "16px" : "20px"}
|
||||||
|
@ -11,9 +11,14 @@ const StyledContextMenuLoader = styled.div`
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
@media ${tablet} {
|
@media ${tablet} {
|
||||||
padding: 4px 12px 4px 4px;
|
padding: 4px 12px 4px 16px;
|
||||||
grid-column-gap: 0px;
|
grid-column-gap: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.context-menu-rectangle {
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
export { StyledContextMenuLoader };
|
export { StyledContextMenuLoader };
|
3
public/images/arrow-left.react.svg
Normal file
3
public/images/arrow-left.react.svg
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.29289 7.29004C0.902369 7.68056 0.902369 8.31373 1.29289 8.70425L6.29289 13.7043L7.70711 12.29L4.41421 8.99715L14 8.99715L14 6.99715L4.41421 6.99715L7.70711 3.70425L6.29289 2.29004L1.29289 7.29004Z" fill="#A3A9AE"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 370 B |
Loading…
Reference in New Issue
Block a user