bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Black theme improvements

Browse source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2024-04-28 21:06:26 +02:00
parent 4d75987b3f
commit a83a871963
3 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/profile-hover-card.tsx
View file

@ -107,7 +107,7 @@ export const ProfileHoverCard: React.FC<IProfileHoverCard> = ({ visible = true }
onMouseEnter={handleMouseEnter(dispatch)}
onMouseLeave={handleMouseLeave(dispatch)}
>
<Card variant='rounded' className='relative isolate overflow-hidden'>
<Card variant='rounded' className='relative isolate overflow-hidden black:rounded-xl black:border black:border-gray-800'>
<CardBody>
<Stack space={2}>
<UserPanel

6
src/components/sidebar-navigation-link.tsx
View file

@ -41,15 +41,15 @@ const SidebarNavigationLink = React.forwardRef((props: ISidebarNavigationLink, r
ref={ref}
onClick={handleClick}
className={clsx({
'flex items-center py-2 text-sm font-semibold space-x-4 rtl:space-x-reverse': true,
'flex items-center py-2 text-sm font-semibold space-x-4 rtl:space-x-reverse transition-colors duration-200': true,
'text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200': !isActive,
'text-gray-900 dark:text-white': isActive,
})}
>
<span
className={clsx({
'relative rounded-lg inline-flex p-2.5': true,
'bg-primary-50 dark:bg-slate-700': !isActive,
'relative rounded-lg inline-flex p-2.5 transition-colors duration-200': true,
'bg-primary-50 dark:bg-slate-700 black:bg-gray-900': !isActive,
'bg-primary-600': isActive,
})}
>

4
src/features/chats/components/chat-list.tsx
View file

@ -75,13 +75,13 @@ const ChatList: React.FC<IChatList> = ({ onClickChat, useWindowScroll = false })
<div
className={clsx('pointer-events-none absolute inset-x-0 top-0 flex justify-center rounded-t-lg bg-gradient-to-b from-white to-transparent pb-12 pt-8 transition-opacity duration-500 dark:from-gray-900', {
'opacity-0': isNearTop,
'opacity-100': !isNearTop,
'opacity-100 black:opacity-50': !isNearTop,
})}
/>
<div
className={clsx('pointer-events-none absolute inset-x-0 bottom-0 flex justify-center rounded-b-lg bg-gradient-to-t from-white to-transparent pb-8 pt-12 transition-opacity duration-500 dark:from-gray-900', {
'opacity-0': isNearBottom,
'opacity-100': !isNearBottom,
'opacity-100 black:opacity-50': !isNearBottom,
})}
/>
</>