Skip to content

Commit cc26a99

Browse files
committed
fix(VFileUpload): divider wrapper width on smaller screens
1 parent a123275 commit cc26a99

File tree

2 files changed

+5
-1
lines changed

2 files changed

+5
-1
lines changed

packages/vuetify/src/labs/VFileUpload/VFileUpload.sass

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,7 @@
4646
.v-file-upload-title
4747
font-size: $file-upload-title-font-size
4848
font-weight: 600
49+
text-align: center
4950

5051
.v-file-upload-icon
5152
opacity: var(--v-medium-emphasis-opacity)
@@ -67,6 +68,9 @@
6768
justify-content: center
6869
width: 100%
6970

71+
.v-divider__wrapper
72+
max-width: 100%
73+
7074
.v-file-upload-items
7175
margin: $file-upload-items-margin
7276

packages/vuetify/src/labs/VFileUpload/_variables.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
@use '../../styles/settings';
33

44
$file-upload-title-font-size: 1.5rem !default;
5-
$file-upload-padding: 64px 0 !default;
5+
$file-upload-padding: 64px 16px !default;
66
$file-upload-border-radius: 4px !default;
77
$file-upload-border-width: 2px !default;
88
$file-upload-title-font-weight: 600 !default;

0 commit comments

Comments
 (0)