Adjust style of floating queue
- Increase transition speed - Set max width
This commit is contained in:
parent
ad3cfb01ce
commit
74b513f31a
1 changed files with 5 additions and 4 deletions
|
@ -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,
|
||||||
},
|
},
|
||||||
|
|
Reference in a new issue