Set static width for drawer queue
This commit is contained in:
parent
1e6eb33408
commit
53f3758d2a
1 changed files with 3 additions and 7 deletions
|
@ -163,8 +163,6 @@ 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',
|
|
||||||
position: 'absolute',
|
position: 'absolute',
|
||||||
right: 0,
|
right: 0,
|
||||||
top: '75px',
|
top: '75px',
|
||||||
|
@ -172,18 +170,16 @@ export const DefaultLayout = ({ shell }: DefaultLayoutProps) => {
|
||||||
duration: 0.4,
|
duration: 0.4,
|
||||||
ease: 'anticipate',
|
ease: 'anticipate',
|
||||||
},
|
},
|
||||||
width: '30vw',
|
width: '450px',
|
||||||
x: '50vw',
|
x: '50vw',
|
||||||
},
|
},
|
||||||
open: {
|
open: {
|
||||||
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',
|
|
||||||
position: 'absolute',
|
position: 'absolute',
|
||||||
right: '20px',
|
right: '20px',
|
||||||
|
|
||||||
top: '75px',
|
top: '75px',
|
||||||
|
|
||||||
transition: {
|
transition: {
|
||||||
damping: 10,
|
damping: 10,
|
||||||
delay: 0,
|
delay: 0,
|
||||||
|
@ -191,7 +187,7 @@ export const DefaultLayout = ({ shell }: DefaultLayoutProps) => {
|
||||||
ease: 'anticipate',
|
ease: 'anticipate',
|
||||||
mass: 0.5,
|
mass: 0.5,
|
||||||
},
|
},
|
||||||
width: '30vw',
|
width: '450px',
|
||||||
x: 0,
|
x: 0,
|
||||||
zIndex: 120,
|
zIndex: 120,
|
||||||
},
|
},
|
||||||
|
|
Reference in a new issue