1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- .v-file-upload {
- padding: 64px 0;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- position: relative;
- }
- .v-file-upload.v-sheet {
- display: flex;
- border-radius: 4px;
- border-style: dashed;
- border-width: 2px;
- }
- .v-file-upload.v-file-upload--density-compact {
- padding: 32px 0;
- flex-direction: row;
- gap: 1rem;
- }
- .v-file-upload .v-overlay__scrim {
- pointer-events: none;
- }
- .v-file-upload--disabled {
- pointer-events: none;
- opacity: var(--v-disabled-opacity);
- }
- .v-file-upload--dragging > * {
- pointer-events: none;
- }
- .v-file-upload--clickable {
- cursor: pointer;
- }
- .v-file-upload input[type=file] {
- left: 0;
- opacity: 0;
- position: absolute;
- cursor: pointer;
- top: 0;
- z-index: -1;
- }
- .v-file-upload-title {
- font-size: 1.5rem;
- font-weight: 600;
- }
- .v-file-upload-icon {
- opacity: var(--v-medium-emphasis-opacity);
- font-size: 3rem;
- margin-bottom: 1rem;
- }
- .v-file-upload--density-comfortable .v-file-upload-icon {
- font-size: 2.5rem;
- margin-bottom: 0.5rem;
- }
- .v-file-upload--density-compact .v-file-upload-icon {
- font-size: 2rem;
- margin-bottom: 0rem;
- }
- .v-file-upload-divider {
- align-items: center;
- display: flex;
- margin: 32px 0;
- justify-content: center;
- width: 100%;
- }
- .v-file-upload-items {
- margin: 16px 0;
- }
- .v-file-upload-item:not(:first-child) {
- margin-top: 8px;
- }
|