antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-01 18:33:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Adjust context menu styles

Browse source
This commit is contained in:
jeffvli 2023-01-30 01:04:38 -08:00
parent 59f4f43e84
commit 5e693313d8
2 changed files with 21 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/renderer/components/context-menu/index.tsx
View file

@ -1,8 +1,7 @@
import { forwardRef, ReactNode, Ref } from 'react';
import { Portal } from '@mantine/core';
import { Portal, UnstyledButton } from '@mantine/core';
import { motion } from 'framer-motion';
import styled from 'styled-components';
import { _Button } from '/@/renderer/components/button';
interface ContextMenuProps {
children: ReactNode;
@ -23,17 +22,27 @@ const ContextMenuContainer = styled(motion.div)<Omit<ContextMenuProps, 'children
box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 40%);
`;
export const ContextMenuButton = styled(_Button)`
padding: 0.5rem 1.5rem;
export const ContextMenuButton = styled(UnstyledButton)`
padding: 1rem 1.5rem;
color: var(--dropdown-menu-fg);
font-weight: 500;
font-family: var(--content-font-family);
text-align: left;
background: var(--dropdown-menu-bg);
border: none;
cursor: default;
& .mantine-Button-inner {
justify-content: flex-start;
}
&:hover {
background: var(--dropdown-menu-bg-hover);
}
&:disabled {
background: transparent;
opacity: 0.6;
}
`;