OpenSourceArk/Ghost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed portal links in dark mode

Browse Source 
fixes https://linear.app/tryghost/issue/DES-197/🐛-portal-links-look-broken-in-dark-mode
This commit is contained in:
Djordje Vlaisavljevic 2024-04-08 16:21:59 +01:00
parent f046442bd8
commit 8ba692f0ff
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/admin-x-design-system/src/global/modal/PreviewModal.tsx
View File

@ -275,7 +275,7 @@ export const PreviewModalContent: React.FC<PreviewModalProps> = ({
hideXOnMobile
>
<div className='flex h-full grow'>
<div className={`relative hidden grow flex-col [@media(min-width:801px)]:!visible [@media(min-width:801px)]:!flex ${previewBgColor === 'grey' ? 'bg-grey-50' : 'bg-white'}`}>
<div className={`relative hidden grow flex-col [@media(min-width:801px)]:!visible [@media(min-width:801px)]:!flex ${previewBgColor === 'grey' ? 'bg-grey-50' : 'bg-white dark:bg-black'}`}>
{preview}
</div>
{sidebar &&

2
apps/admin-x-settings/src/components/settings/membership/portal/PortalLinks.tsx
View File

@ -59,7 +59,7 @@ const PortalLinks: React.FC = () => {
const homePageURL = getHomepageUrl(siteData!);
return (
<ModalPage className='max-w-[920px] text-base text-black' heading='Links'>
<ModalPage className='max-w-[920px] text-base text-black dark:text-white' heading='Links'>
<p className='-mt-6 mb-16'>Use these {isDataAttributes ? 'data attributes' : 'links'} in your theme to show pages of Portal.</p>
<List actions={<Button color='green' label={isDataAttributes ? 'Links' : 'Data attributes'} link onClick={toggleIsDataAttributes}/>} title='Generic' titleSize='lg'>