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

Merge branch 'fork' into frontend-rw

Browse source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2024-08-24 12:55:12 +02:00
commit 9a0de1e4bb
4 changed files with 17 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/scroll-top-button.tsx
View file

@ -52,7 +52,7 @@ const ScrollTopButton: React.FC<IScrollTopButton> = ({
setScrolled(scrollTop > threshold); setScrolled(scrollTop > threshold);
setScrolledTop(scrollTop <= autoloadThreshold); setScrolledTop(scrollTop <= autoloadThreshold);
}, 150, { trailing: true }), [threshold, autoloadThreshold]); }, 40, { trailing: true }), [threshold, autoloadThreshold]);
/** Scroll to top and trigger `onClick`. */ /** Scroll to top and trigger `onClick`. */
const handleClick: React.MouseEventHandler = useCallback(() => { const handleClick: React.MouseEventHandler = useCallback(() => {
@ -82,7 +82,7 @@ const ScrollTopButton: React.FC<IScrollTopButton> = ({
} }
return ( return (
<div className='fixed left-1/2 top-16 z-50 -translate-x-1/2 lg:top-2'> <div className='fixed left-1/2 top-2 z-50 -translate-x-1/2'>
<button <button
className='flex cursor-pointer items-center space-x-1.5 whitespace-nowrap rounded-full bg-primary-600 px-4 py-2 text-white transition-transform hover:scale-105 hover:bg-primary-700 active:scale-100' className='flex cursor-pointer items-center space-x-1.5 whitespace-nowrap rounded-full bg-primary-600 px-4 py-2 text-white transition-transform hover:scale-105 hover:bg-primary-700 active:scale-100'
onClick={handleClick} onClick={handleClick}

3
src/features/compose/editor/index.tsx
View file

@ -193,7 +193,8 @@ const ComposeEditor = React.forwardRef<LexicalEditor, IComposeEditor>(({
'h-full': fullScreen, 'h-full': fullScreen,
'min-h-[39px]': condensed, 'min-h-[39px]': condensed,
'min-h-[99px]': !condensed, 'min-h-[99px]': !condensed,
})} },
)}
/> />
</div> </div>
} }

2
src/features/compose/editor/nodes/image-component.tsx
View file

@ -306,7 +306,7 @@ const ImageComponent = ({
return ( return (
<Suspense fallback={null}> <Suspense fallback={null}>
<> <>
<div className='relative' draggable={draggable} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} onClick={handleClick} role='button'> <div className='relative' draggable={draggable} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} onClick={handleClick} role='button'>
<HStack className='absolute right-2 top-2 z-10' space={2}> <HStack className='absolute right-2 top-2 z-10' space={2}>
<IconButton <IconButton
onClick={previewImage} onClick={previewImage}

16
src/styles/markup.scss
View file

@ -12,13 +12,21 @@
h3 { h3 {
@apply text-xl font-black; @apply text-xl font-black;
} }
hr {
@apply mb-4;
&:last-child {
@apply mb-0;
}
}
p { p {
@apply mb-4 whitespace-pre-wrap; @apply mb-4 whitespace-pre-wrap;
}
&:last-child {
p:last-child { @apply mb-0;
@apply mb-0; }
} }
a { a {