admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

2980-Fix: CommandGroup background (#2985)

Browse Source 
* 2980-fix: CommandGroup background

* Box Shadow fix

* suggested color fixes

* Fix related to design dicussion: add border + make everything background secondary

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Kanav Arora
2023-12-19 20:11:58 +05:30
committed by GitHub
parent 0f7ddd2f14
commit ffcdace113
3 changed files with 19 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/twenty-front/src/modules/command-menu/components/CommandMenu.tsx
View File

@ -27,9 +27,10 @@ import { CommandGroup } from './CommandGroup';
import { CommandMenuItem } from './CommandMenuItem';
export const StyledDialog = styled.div`
background: ${({ theme }) => theme.background.primary};
background: ${({ theme }) => theme.background.secondary};
border: 1px solid ${({ theme }) => theme.border.color.medium};
border-radius: ${({ theme }) => theme.border.radius.md};
box-shadow: ${({ theme }) => theme.boxShadow.strong};
box-shadow: ${({ theme }) => theme.boxShadow.superHeavy};
font-family: ${({ theme }) => theme.font.family};
left: 50%;
max-width: 640px;
@ -44,9 +45,9 @@ export const StyledDialog = styled.div`
`;
export const StyledInput = styled.input`
background: ${({ theme }) => theme.background.primary};
background: ${({ theme }) => theme.background.secondary};
border: none;
border-bottom: 1px solid ${({ theme }) => theme.border.color.light};
border-bottom: 1px solid ${({ theme }) => theme.border.color.medium};
border-radius: 0;
color: ${({ theme }) => theme.font.color.primary};
font-size: ${({ theme }) => theme.font.size.lg};