apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-07-02 22:01:05 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor: update SidebarSlideOutPanel animation to use width instead of x for smoother transitions

Browse source
This commit is contained in:
Anish Sarkar 2026-04-09 17:37:31 +05:30
parent a335f7621a
commit abd883458d
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
surfsense_web/components/layout/ui/sidebar/SidebarSlideOutPanel.tsx
View file

@ -91,12 +91,12 @@ export function SidebarSlideOutPanel({
{/* Panel extending from sidebar's right edge, flush with the wrapper border */} {/* Panel extending from sidebar's right edge, flush with the wrapper border */}
<motion.div <motion.div
style={{ width, left: "100%", top: -1, bottom: -1 }} initial={{ width: 0 }}
initial={{ x: -width }} animate={{ width }}
animate={{ x: 0 }} exit={{ width: 0 }}
exit={{ x: -width }}
transition={{ type: "tween", duration: 0.2, ease: [0.4, 0, 0.2, 1] }} transition={{ type: "tween", duration: 0.2, ease: [0.4, 0, 0.2, 1] }}
className="absolute z-20 overflow-hidden" className="absolute z-20 overflow-hidden"
style={{ left: "100%", top: -1, bottom: -1 }}
> >
<div <div
style={{ width }} style={{ width }}