VFileUpload.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. .v-file-upload {
  2. padding: 64px 0;
  3. flex-direction: column;
  4. justify-content: center;
  5. align-items: center;
  6. position: relative;
  7. }
  8. .v-file-upload.v-sheet {
  9. display: flex;
  10. border-radius: 4px;
  11. border-style: dashed;
  12. border-width: 2px;
  13. }
  14. .v-file-upload.v-file-upload--density-compact {
  15. padding: 32px 0;
  16. flex-direction: row;
  17. gap: 1rem;
  18. }
  19. .v-file-upload .v-overlay__scrim {
  20. pointer-events: none;
  21. }
  22. .v-file-upload--disabled {
  23. pointer-events: none;
  24. opacity: var(--v-disabled-opacity);
  25. }
  26. .v-file-upload--dragging > * {
  27. pointer-events: none;
  28. }
  29. .v-file-upload--clickable {
  30. cursor: pointer;
  31. }
  32. .v-file-upload input[type=file] {
  33. left: 0;
  34. opacity: 0;
  35. position: absolute;
  36. cursor: pointer;
  37. top: 0;
  38. z-index: -1;
  39. }
  40. .v-file-upload-title {
  41. font-size: 1.5rem;
  42. font-weight: 600;
  43. }
  44. .v-file-upload-icon {
  45. opacity: var(--v-medium-emphasis-opacity);
  46. font-size: 3rem;
  47. margin-bottom: 1rem;
  48. }
  49. .v-file-upload--density-comfortable .v-file-upload-icon {
  50. font-size: 2.5rem;
  51. margin-bottom: 0.5rem;
  52. }
  53. .v-file-upload--density-compact .v-file-upload-icon {
  54. font-size: 2rem;
  55. margin-bottom: 0rem;
  56. }
  57. .v-file-upload-divider {
  58. align-items: center;
  59. display: flex;
  60. margin: 32px 0;
  61. justify-content: center;
  62. width: 100%;
  63. }
  64. .v-file-upload-items {
  65. margin: 16px 0;
  66. }
  67. .v-file-upload-item:not(:first-child) {
  68. margin-top: 8px;
  69. }