VBottomSheet.css 1.0 KB

1234567891011121314151617181920212223242526272829303132333435
  1. .bottom-sheet-transition-enter-from {
  2. transform: translateY(100%);
  3. }
  4. .bottom-sheet-transition-leave-to {
  5. transform: translateY(100%);
  6. }
  7. .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
  8. align-self: flex-end;
  9. border-radius: 0;
  10. flex: 0 1 auto;
  11. left: 0;
  12. right: 0;
  13. margin-inline: 0;
  14. margin-bottom: 0;
  15. transition-duration: 0.2s;
  16. width: 100%;
  17. max-width: 100%;
  18. overflow: visible;
  19. }
  20. .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
  21. box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
  22. }
  23. .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
  24. .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
  25. border-radius: 0;
  26. }
  27. .v-bottom-sheet.v-bottom-sheet--inset {
  28. max-width: none;
  29. }
  30. @media (min-width: 600px) {
  31. .v-bottom-sheet.v-bottom-sheet--inset {
  32. max-width: 70%;
  33. }
  34. }