mirror of
https://github.com/omnivore-app/omnivore.git
synced 2026-03-11 08:54:26 +00:00
Add menu trigger
This commit is contained in:
parent
6bc146f5b0
commit
69bf77cba0
1 changed files with 27 additions and 0 deletions
27
packages/web/components/elements/MenuTrigger.tsx
Normal file
27
packages/web/components/elements/MenuTrigger.tsx
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
import { DotsThreeVertical } from 'phosphor-react'
|
||||
import { theme } from '../tokens/stitches.config'
|
||||
import { Box } from './LayoutPrimitives'
|
||||
|
||||
export function MenuTrigger(): JSX.Element {
|
||||
return (
|
||||
<Box
|
||||
css={{
|
||||
display: 'flex',
|
||||
height: '20px',
|
||||
width: '20px',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
borderRadius: '1000px',
|
||||
'&:hover': {
|
||||
bg: '#898989',
|
||||
},
|
||||
}}
|
||||
>
|
||||
<DotsThreeVertical
|
||||
size={20}
|
||||
color={theme.colors.thTextContrast2.toString()}
|
||||
weight="bold"
|
||||
/>
|
||||
</Box>
|
||||
)
|
||||
}
|
||||
Loading…
Reference in a new issue