vuetify
Version:
Vue Material Component Framework
33 lines (32 loc) • 772 B
CSS
.bottom-sheet-transition-enter-from {
transform: translateY(100%);
}
.bottom-sheet-transition-leave-to {
transform: translateY(100%);
}
.v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
align-self: flex-end;
border-radius: 0;
flex: 0 1 auto;
left: 0;
right: 0;
margin-inline-start: 0;
margin-inline-end: 0;
margin-bottom: 0;
transition-duration: 0.2s;
width: 100%;
max-width: 100%;
overflow: visible;
}
.v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
.v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
border-radius: 0;
}
.v-bottom-sheet.v-bottom-sheet--inset {
max-width: none;
}
@media (min-width: 600px) {
.v-bottom-sheet.v-bottom-sheet--inset {
max-width: 70%;
}
}