Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-03-04 02:01:58 -05:00
Code Issues Activity

Added cover image to user details in AdminX

Browse source 
refs. https://github.com/TryGhost/Team/issues/3318
This commit is contained in:
Peter Zimon 2023-05-30 15:07:03 +02:00
parent 5831e63dcf
commit 55376774c0
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -253,8 +253,11 @@ const UserDetailModal:React.FC<UserDetailModalProps> = ({user, updateUser}) => {
}} }}
> >
<div> <div>
<div className='-mx-12 -mt-12 bg-gradient-to-tr from-grey-900 to-black p-12'> <div className={`relative -mx-12 -mt-12 bg-gradient-to-tr from-grey-900 to-black p-12`} style={userData.cover_image ? {backgroundImage: `url(${userData.cover_image})`, backgroundSize: 'cover'} : {}}>
<div className='mt-60 flex gap-4'> {userData.cover_image && (
<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='relative z-10 mt-60 flex gap-4'>
<Avatar bgColor='#efefef' className='-ml-1' image={userData.profile_image} label={getInitials(userData.name)} size='xl' /> <Avatar bgColor='#efefef' className='-ml-1' image={userData.profile_image} label={getInitials(userData.name)} size='xl' />
<div> <div>
<Heading styles='text-white'>{user.name}</Heading> <Heading styles='text-white'>{user.name}</Heading>