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

pl-fe: improve reactions styles

Browse source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2024-09-13 23:09:06 +02:00
parent cfe5b8820a
commit 77509b9931
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/pl-fe/src/components/status-reactions-bar.tsx
View file

@ -72,7 +72,7 @@ const StatusReaction: React.FC<IStatusReaction> = ({ reaction, status, obfuscate
return (
<button
className={clsx('group flex cursor-pointer items-center gap-2 overflow-hidden rounded-md border border-gray-400 p-1.5 transition-colors', {
className={clsx('group flex cursor-pointer items-center gap-2 overflow-hidden rounded-md border border-gray-400 px-1.5 py-1 transition-colors', {
'bg-primary-100 dark:border-primary-400 dark:bg-primary-400 black:border-primary-600 black:bg-primary-600': reaction.me,
'bg-transparent dark:border-primary-700 dark:bg-primary-700 black:border-primary-800 black:bg-primary-800': !reaction.me,
'cursor-pointer': !unauthenticated,
@ -88,7 +88,7 @@ const StatusReaction: React.FC<IStatusReaction> = ({ reaction, status, obfuscate
disabled={unauthenticated}
{...bind}
>
<Emoji className='h-4 w-4' emoji={reaction.name} src={reaction.url || undefined} />
<Emoji className='h-5 w-5' emoji={reaction.name} src={reaction.url || undefined} />
<Text size='xs' weight='semibold' theme='inherit'>
<AnimatedNumber value={reaction.count} obfuscate={obfuscate} short />

2
packages/pl-fe/src/components/still-image.tsx
View file

@ -34,7 +34,7 @@ const StillImage: React.FC<IStillImage> = ({
const img = useRef<HTMLImageElement>(null);
const hoverToPlay = (
src && !autoPlayGif && (isGif || src.endsWith('.gif') || src.startsWith('blob:'))
src && !autoPlayGif && ((isGif && !src.endsWith('.png')) || src.endsWith('.gif') || src.startsWith('blob:'))
);
const handleImageLoad = () => {