vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-10 04:30:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

Adjust style of floating queue

Browse Source 
- Increase transition speed
- Set max width
This commit is contained in:
jeffvli
2022-12-24 21:03:18 -08:00
parent ad3cfb01ce
commit 74b513f31a
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/layouts/default-layout.tsx
+5 -4
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,
}, },