0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-03-25 02:31:59 -05:00

Fixed breakpoint for large screens

ref https://linear.app/tryghost/issue/AP-464/feed-view-refinements
This commit is contained in:
Djordje Vlaisavljevic 2024-10-22 10:52:36 +01:00
parent 5af25e1433
commit 6bc933f149
2 changed files with 2 additions and 1 deletions
apps
admin-x-activitypub/src/components
admin-x-design-system

View file

@ -153,7 +153,7 @@ const Inbox: React.FC<InboxProps> = ({}) => {
)}
</ul>
</div>
<div className={`sticky top-[135px] ml-auto w-full max-w-[300px] max-lg:hidden ${layout === 'inbox' ? '' : ' xxl:fixed xxl:right-[40px]'}`}>
<div className={`sticky top-[135px] ml-auto w-full max-w-[300px] max-lg:hidden ${layout === 'inbox' ? '' : ' xxxl:fixed xxxl:right-[40px]'}`}>
<h2 className='mb-2 text-lg font-semibold'>You might also like...</h2>
{isLoadingSuggested ? (
<LoadingIndicator size="sm" />

View file

@ -14,6 +14,7 @@ module.exports = {
lg: '1024px',
xl: '1320px',
xxl: '1440px',
xxxl: '1600px',
tablet: '860px'
},
colors: {