Fixed white icon bg's in tier list in dark mode (#19310)

Closes issue https://github.com/TryGhost/Ghost/issues/18872

Solves the problem of the bg-white class showing a white background
behind the checkmark icons in the tier list.
This commit is contained in:
Daniël van der Winden 2023-12-11 17:13:46 +01:00 committed by GitHub
parent ccc9c9bdd8
commit 8c5c773398
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -320,7 +320,7 @@ const TierDetailModalContent: React.FC<{tier?: Tier}> = ({tier}) => {
items={benefits.items}
itemSeparator={false}
renderItem={({id, item}) => <div className='relative flex w-full items-center gap-5'>
<div className='absolute left-[-32px] top-[7px] flex h-6 w-6 items-center justify-center bg-white group-hover:hidden'><Icon name='check' size='sm' /></div>
<div className='absolute left-[-32px] top-[7px] flex h-6 w-6 items-center justify-center bg-white group-hover:hidden dark:bg-black'><Icon name='check' size='sm' /></div>
<TextField
// className='grow border-b border-grey-500 py-2 focus:border-grey-800 group-hover:border-grey-600'
value={item}