VDialog.sass 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. @use '../../styles/tools'
  2. @use './variables' as *
  3. @include tools.layer('components')
  4. .v-dialog
  5. align-items: center
  6. justify-content: center
  7. margin: auto
  8. > .v-overlay__content
  9. max-height: calc(100% - #{$dialog-margin * 2})
  10. width: calc(100% - #{$dialog-margin * 2})
  11. max-width: calc(100% - #{$dialog-margin * 2})
  12. margin: $dialog-margin
  13. &,
  14. > form
  15. display: flex
  16. flex-direction: column
  17. min-height: 0
  18. > .v-card,
  19. > .v-sheet
  20. --v-scrollbar-offset: 0px
  21. border-radius: $dialog-border-radius
  22. overflow-y: auto
  23. flex: 1 1 100%
  24. @include tools.elevation($dialog-elevation)
  25. > .v-card
  26. display: flex
  27. flex-direction: column
  28. > .v-card-item
  29. padding: $dialog-card-header-padding
  30. + .v-card-text
  31. padding-top: $dialog-card-header-text-padding-top
  32. > .v-card-text
  33. font-size: inherit
  34. letter-spacing: $dialog-card-text-letter-spacing
  35. line-height: inherit
  36. padding: $dialog-card-text-padding
  37. > .v-card-actions
  38. justify-content: $dialog-card-actions-justify
  39. .v-dialog--fullscreen
  40. --v-scrollbar-offset: 0px
  41. > .v-overlay__content
  42. border-radius: 0
  43. margin: 0
  44. padding: 0
  45. width: 100%
  46. height: 100%
  47. max-width: 100%
  48. max-height: 100%
  49. overflow-y: auto
  50. top: 0
  51. left: 0
  52. &,
  53. > form
  54. > .v-card,
  55. > .v-sheet
  56. min-height: 100%
  57. min-width: 100%
  58. border-radius: 0
  59. .v-dialog--scrollable > .v-overlay__content
  60. &,
  61. > form
  62. &,
  63. > .v-card
  64. display: flex
  65. flex: 1 1 100%
  66. flex-direction: column
  67. max-height: 100%
  68. max-width: 100%
  69. > .v-card > .v-card-text
  70. backface-visibility: hidden
  71. overflow-y: auto