mirror of https://github.com/VueTubeApp/VueTube
39 lines
665 B
Sass
39 lines
665 B
Sass
|
@import './_variables.scss'
|
||
|
|
|
||
|
|
// Transition
|
||
|
|
.bottom-sheet-transition
|
||
|
|
&-enter
|
||
|
|
transform: translateY(100%)
|
||
|
|
|
||
|
|
&-leave-to
|
||
|
|
transform: translateY(100%)
|
||
|
|
|
||
|
|
// Block
|
||
|
|
|
||
|
|
.swipeable-bottom-sheet
|
||
|
|
|
||
|
|
&.v-dialog
|
||
|
|
align-self: flex-end
|
||
|
|
border-radius: 0
|
||
|
|
flex: 0 1 auto
|
||
|
|
margin: 0
|
||
|
|
overflow: visible
|
||
|
|
|
||
|
|
&.swipeable-bottom-sheet--inset
|
||
|
|
max-width: $bottom-sheet-inset-width
|
||
|
|
|
||
|
|
@media #{map-get($display-breakpoints, 'xs-only')}
|
||
|
|
max-width: none
|
||
|
|
|
||
|
|
&.v-dialog:not(.v-dialog--fullscreen)
|
||
|
|
max-height: 100%
|
||
|
|
|
||
|
|
.swipeable-bottom-sheet__content
|
||
|
|
position: sticky !important
|
||
|
|
bottom: 0
|
||
|
|
top: unset
|
||
|
|
overflow-y: auto
|
||
|
|
height: 100%
|
||
|
|
|
||
|
|
|