matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pl-fe: fix media modal status actions styling

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2025-12-11 21:23:55 +01:00
parent f797624ecc
commit f299559f80
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/pl-fe/src/modals/media-modal.tsx
View File

@ -223,7 +223,7 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
<Stack <Stack
onClick={handleClickOutside} onClick={handleClickOutside}
className={ className={
clsx('fixed inset-0 h-full grow transition-all', { clsx('⁂-media-modal__content fixed inset-0 h-full grow transition-all', {
'xl:pr-96': !isFullScreen, 'xl:pr-96': !isFullScreen,
'xl:pr-0': isFullScreen, 'xl:pr-0': isFullScreen,
}) })

12
packages/pl-fe/src/styles/new/statuses.scss
View File

@ -214,12 +214,14 @@
} }
} }
.⁂-media-modal { .⁂-media-modal__content {
.⁂-status-action-bar__button { .⁂-status-action-bar {
@apply text-white/80 hover:text-white bg-transparent dark:bg-transparent; .⁂-status-action-bar__button, .⁂-icon-button {
@apply text-white/80 hover:text-white bg-transparent dark:bg-transparent;
&--active.⁂-status-action-bar__button--reblog { &--active.⁂-status-action-bar__button--reblog {
@apply text-success-600 dark:text-success-400 hover:text-success-600 dark:hover:text-success-400; @apply text-success-600 dark:text-success-400 hover:text-success-600 dark:hover:text-success-400;
}
} }
} }
} }