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

Adjust base component styles

Browse source
This commit is contained in:
jeffvli 2022-12-22 01:59:02 -08:00
parent 57c34637cf
commit a4584ecd5c
4 changed files with 8 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/renderer/components/dropdown-menu/index.tsx
View file

@ -6,7 +6,7 @@ import type {
MenuDropdownProps as MantineMenuDropdownProps,
} from '@mantine/core';
import { Menu as MantineMenu, createPolymorphicComponent } from '@mantine/core';
import { RiArrowLeftLine } from 'react-icons/ri';
import { RiArrowLeftSFill } from 'react-icons/ri';
import styled from 'styled-components';
type MenuProps = MantineMenuProps;
@ -42,7 +42,7 @@ const StyledMenuItem = styled(MantineMenu.Item)<MenuItemProps>`
}
& .mantine-Menu-itemLabel {
color: ${({ $isActive }) => ($isActive ? 'var(--primary-color)' : 'var(--dropdown-menu-fg)')};
color: var(--dropdown-menu-fg);
font-weight: 500;
font-size: 1em;
}
@ -68,6 +68,7 @@ const StyledMenuDivider = styled(MantineMenu.Divider)`
export const DropdownMenu = ({ children, ...props }: MenuProps) => {
return (
<StyledMenu
withArrow
withinPortal
radius="sm"
styles={{
@ -91,7 +92,7 @@ const pMenuItem = ({ $isActive, children, ...props }: MenuItemProps) => {
return (
<StyledMenuItem
$isActive={$isActive}
rightSection={$isActive && <RiArrowLeftLine />}
rightSection={$isActive && <RiArrowLeftSFill size={20} />}
{...props}
>
{children}