From 74b513f31a89085be67fa13bf4041f7b671834ae Mon Sep 17 00:00:00 2001 From: jeffvli Date: Sat, 24 Dec 2022 21:03:18 -0800 Subject: [PATCH] Adjust style of floating queue - Increase transition speed - Set max width --- src/renderer/layouts/default-layout.tsx | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/renderer/layouts/default-layout.tsx b/src/renderer/layouts/default-layout.tsx index 37f42f14..4a3cbb1a 100644 --- a/src/renderer/layouts/default-layout.tsx +++ b/src/renderer/layouts/default-layout.tsx @@ -162,30 +162,31 @@ export const DefaultLayout = ({ shell }: DefaultLayoutProps) => { const queueDrawerVariants: Variants = { closed: { height: 'calc(100vh - 170px)', + maxWidth: '600px', minWidth: '400px', position: 'absolute', right: 0, top: '75px', transition: { - duration: 0.5, + duration: 0.4, ease: 'anticipate', }, width: '30vw', x: '50vw', }, open: { - borderRadius: '10px', boxShadow: '1px 1px 10px 5px rgba(0, 0, 0, 0.3)', height: 'calc(100vh - 170px)', + maxWidth: '600px', minWidth: '400px', position: 'absolute', right: '20px', - top: '75px', + top: '75px', transition: { damping: 10, delay: 0, - duration: 0.8, + duration: 0.4, ease: 'anticipate', mass: 0.5, },