VDialog.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. .v-dialog {
  2. align-items: center;
  3. justify-content: center;
  4. margin: auto;
  5. }
  6. .v-dialog > .v-overlay__content {
  7. max-height: calc(100% - 48px);
  8. width: calc(100% - 48px);
  9. max-width: calc(100% - 48px);
  10. margin: 24px;
  11. }
  12. .v-dialog > .v-overlay__content,
  13. .v-dialog > .v-overlay__content > form {
  14. display: flex;
  15. flex-direction: column;
  16. min-height: 0;
  17. }
  18. .v-dialog > .v-overlay__content > .v-card,
  19. .v-dialog > .v-overlay__content > .v-sheet,
  20. .v-dialog > .v-overlay__content > form > .v-card,
  21. .v-dialog > .v-overlay__content > form > .v-sheet {
  22. --v-scrollbar-offset: 0px;
  23. border-radius: 4px;
  24. overflow-y: auto;
  25. flex: 1 1 100%;
  26. }
  27. .v-dialog > .v-overlay__content > .v-card,
  28. .v-dialog > .v-overlay__content > .v-sheet,
  29. .v-dialog > .v-overlay__content > form > .v-card,
  30. .v-dialog > .v-overlay__content > form > .v-sheet {
  31. box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
  32. }
  33. .v-dialog > .v-overlay__content > .v-card,
  34. .v-dialog > .v-overlay__content > form > .v-card {
  35. display: flex;
  36. flex-direction: column;
  37. }
  38. .v-dialog > .v-overlay__content > .v-card > .v-card-item,
  39. .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
  40. padding: 16px 24px;
  41. }
  42. .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
  43. .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
  44. padding-top: 0;
  45. }
  46. .v-dialog > .v-overlay__content > .v-card > .v-card-text,
  47. .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
  48. font-size: inherit;
  49. letter-spacing: 0.03125em;
  50. line-height: inherit;
  51. padding: 16px 24px 24px;
  52. }
  53. .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
  54. .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
  55. justify-content: flex-end;
  56. }
  57. .v-dialog--fullscreen {
  58. --v-scrollbar-offset: 0px;
  59. }
  60. .v-dialog--fullscreen > .v-overlay__content {
  61. border-radius: 0;
  62. margin: 0;
  63. padding: 0;
  64. width: 100%;
  65. height: 100%;
  66. max-width: 100%;
  67. max-height: 100%;
  68. overflow-y: auto;
  69. top: 0;
  70. left: 0;
  71. }
  72. .v-dialog--fullscreen > .v-overlay__content > .v-card,
  73. .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
  74. .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
  75. .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
  76. min-height: 100%;
  77. min-width: 100%;
  78. border-radius: 0;
  79. }
  80. .v-dialog--scrollable > .v-overlay__content,
  81. .v-dialog--scrollable > .v-overlay__content > .v-card,
  82. .v-dialog--scrollable > .v-overlay__content > form,
  83. .v-dialog--scrollable > .v-overlay__content > form > .v-card {
  84. display: flex;
  85. flex: 1 1 100%;
  86. flex-direction: column;
  87. max-height: 100%;
  88. max-width: 100%;
  89. }
  90. .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
  91. .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
  92. backface-visibility: hidden;
  93. overflow-y: auto;
  94. }