0
0
Fork 0
mirror of https://github.com/VueTubeApp/VueTube synced 2024-11-12 14:35:06 +00:00
VueTube/NUXT/components/ExtendedComponents/swipeableBottomSheet/swipeableBottomSheet.sass

45 lines
831 B
Sass
Raw Normal View History

2022-04-18 05:58:59 +00:00
@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%
2022-04-19 14:03:46 +00:00
height: 100%
2022-04-18 05:58:59 +00:00
.swipeable-bottom-sheet__content
2022-04-19 14:03:46 +00:00
align-items: center
display: flex
justify-content: center
pointer-events: none
position: absolute
transition: .2s map-get($transition, 'fast-in-fast-out'), z-index 1ms
width: 100%
2022-04-18 05:58:59 +00:00
height: 100%
2022-04-19 14:03:46 +00:00
outline: none
inset: 0
2022-04-18 05:58:59 +00:00