Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-27 22:49:56 -05:00
Code Issues Activity

Used IconButton component for menu trigger

Browse source 
refs https://github.com/TryGhost/Team/issues/3351
This commit is contained in:
Djordje Vlaisavljevic 2023-06-01 19:48:33 +01:00
parent 0d79d47af7
commit 3c5b7165f0
1 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
ghost/admin-x-settings/src/components/settings/general/modals/UserDetailModal.tsx
View file

@ -1,6 +1,7 @@
import Avatar from '../../../../admin-x-ds/global/Avatar';
import Button from '../../../../admin-x-ds/global/Button';
import Heading from '../../../../admin-x-ds/global/Heading';
import IconButton from '../../../../admin-x-ds/global/IconButton';
import Menu from '../../../../admin-x-ds/global/Menu';
import Modal from '../../../../admin-x-ds/global/Modal';
import NiceModal from '@ebay/nice-modal-react';
@ -338,7 +339,7 @@ const UserDetailModal:React.FC<UserDetailModalProps> = ({user, updateUser}) => {
<div className='absolute inset-0 z-0 block bg-gradient-to-tr from-[rgba(0,0,0,0.5)] to-[rgba(0,0,0,0.01)]'></div>
)}
<div className="absolute right-8 top-8">
<Menu items={items} position='left'></Menu>
<Menu items={items} position='left' trigger={<IconButton iconName='menu-horizontal'></IconButton>}></Menu>
</div>
<div className='relative z-10 mt-60 flex gap-4'>
<Avatar bgColor={generateAvatarColor((userData.name ? userData.name : userData.email))} className='-ml-1' image={userData.profile_image} label={getInitials(userData.name)} labelColor='white' size='xl' />