Adjust style of floating queue

- Increase transition speed
- Set max width
This commit is contained in:
jeffvli 2022-12-24 21:03:18 -08:00
parent ad3cfb01ce
commit 74b513f31a

View file

@ -162,30 +162,31 @@ export const DefaultLayout = ({ shell }: DefaultLayoutProps) => {
const queueDrawerVariants: Variants = { const queueDrawerVariants: Variants = {
closed: { closed: {
height: 'calc(100vh - 170px)', height: 'calc(100vh - 170px)',
maxWidth: '600px',
minWidth: '400px', minWidth: '400px',
position: 'absolute', position: 'absolute',
right: 0, right: 0,
top: '75px', top: '75px',
transition: { transition: {
duration: 0.5, duration: 0.4,
ease: 'anticipate', ease: 'anticipate',
}, },
width: '30vw', width: '30vw',
x: '50vw', x: '50vw',
}, },
open: { open: {
borderRadius: '10px',
boxShadow: '1px 1px 10px 5px rgba(0, 0, 0, 0.3)', boxShadow: '1px 1px 10px 5px rgba(0, 0, 0, 0.3)',
height: 'calc(100vh - 170px)', height: 'calc(100vh - 170px)',
maxWidth: '600px',
minWidth: '400px', minWidth: '400px',
position: 'absolute', position: 'absolute',
right: '20px', right: '20px',
top: '75px',
top: '75px',
transition: { transition: {
damping: 10, damping: 10,
delay: 0, delay: 0,
duration: 0.8, duration: 0.4,
ease: 'anticipate', ease: 'anticipate',
mass: 0.5, mass: 0.5,
}, },