This commit is contained in:
Tom Moor
2023-09-04 21:12:28 -04:00
parent a03b95221a
commit 2358c3d13d
3 changed files with 4 additions and 3 deletions

View File

@@ -1,11 +1,12 @@
import styled from "styled-components"; import styled from "styled-components";
import { s } from "@shared/styles";
const MenuIconWrapper = styled.span` const MenuIconWrapper = styled.span`
width: 24px; width: 24px;
height: 24px; height: 24px;
margin-right: 6px; margin-right: 6px;
margin-left: -4px; margin-left: -4px;
color: ${({ theme }) => theme.textSecondary}; color: ${s("textSecondary")};
`; `;
export default MenuIconWrapper; export default MenuIconWrapper;

View File

@@ -5,7 +5,7 @@ import { mergeRefs } from "react-merge-refs";
import { MenuItem as BaseMenuItem } from "reakit/Menu"; import { MenuItem as BaseMenuItem } from "reakit/Menu";
import styled, { css } from "styled-components"; import styled, { css } from "styled-components";
import breakpoint from "styled-components-breakpoint"; import breakpoint from "styled-components-breakpoint";
import MenuIconWrapper from "../MenuIconWrapper"; import MenuIconWrapper from "./MenuIconWrapper";
type Props = { type Props = {
id?: string; id?: string;

View File

@@ -9,8 +9,8 @@ import {
MenuStateReturn, MenuStateReturn,
} from "reakit/Menu"; } from "reakit/Menu";
import styled, { useTheme } from "styled-components"; import styled, { useTheme } from "styled-components";
import MenuIconWrapper from "~/components/ContextMenu/MenuIconWrapper";
import Flex from "~/components/Flex"; import Flex from "~/components/Flex";
import MenuIconWrapper from "~/components/MenuIconWrapper";
import { actionToMenuItem } from "~/actions"; import { actionToMenuItem } from "~/actions";
import useActionContext from "~/hooks/useActionContext"; import useActionContext from "~/hooks/useActionContext";
import { import {