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

Fixed preview visibility in PreviewModal (#19191)

Browse source 
fixes ADM-22

- the mobile tab bar is shown within screen size of 800px and below
- this makes the preview visbility consistent with the mobile screen size range
This commit is contained in:
Sodbileg Gansukh 2023-11-30 12:46:10 +08:00 • committed by GitHub
parent 63774463ce
commit ebd3014919
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/admin-x-design-system/src/global/modal/PreviewModal.tsx
View file

@ -272,11 +272,11 @@ export const PreviewModalContent: React.FC<PreviewModalProps> = ({
hideXOnMobile hideXOnMobile
> >
<div className='flex h-full grow'> <div className='flex h-full grow'>
<div className={`hidden grow flex-col md:!visible md:!flex ${previewBgColor === 'grey' ? 'bg-grey-50' : 'bg-white'}`}> <div className={`hidden grow flex-col [@media(min-width:801px)]:!visible [@media(min-width:801px)]:!flex ${previewBgColor === 'grey' ? 'bg-grey-50' : 'bg-white'}`}>
{preview} {preview}
</div> </div>
{sidebar && {sidebar &&
<div className='relative flex h-full w-full flex-col border-l border-grey-100 dark:border-grey-900 md:w-auto md:basis-[400px]'> <div className='relative flex h-full w-full flex-col border-l border-grey-100 dark:border-grey-900 [@media(min-width:801px)]:w-auto [@media(min-width:801px)]:basis-[400px]'>
{sidebarHeader ? sidebarHeader : ( {sidebarHeader ? sidebarHeader : (
<div className='flex max-h-[74px] items-center justify-between gap-3 px-7 py-5'> <div className='flex max-h-[74px] items-center justify-between gap-3 px-7 py-5'>
<Heading level={titleHeadingLevel}>{title}</Heading> <Heading level={titleHeadingLevel}>{title}</Heading>