diff --git a/packages/primevue/src/fileupload/style/FileUploadStyle.js b/packages/primevue/src/fileupload/style/FileUploadStyle.js index 234507764..c742b0465 100644 --- a/packages/primevue/src/fileupload/style/FileUploadStyle.js +++ b/packages/primevue/src/fileupload/style/FileUploadStyle.js @@ -27,24 +27,22 @@ const theme = ({ dt }) => ` .p-fileupload-content { border: 1px solid transparent; - position: relative; + display: flex; + flex-direction: column; + gap: ${dt('fileupload.content.gap')}; transition: border-color ${dt('fileupload.transition.duration')}; padding: ${dt('fileupload.content.padding')}; } .p-fileupload-content .p-progressbar { width: 100%; - position: absolute; - inset-block-start: 0; - inset-inline-start: 0; height: ${dt('fileupload.progressbar.height')}; } .p-fileupload-file-list { display: flex; flex-direction: column; - gap: 0.5rem; - margin-block-start: 1.125rem; + gap: ${dt('fileupload.filelist.gap')}; } .p-fileupload-file { @@ -78,10 +76,6 @@ const theme = ({ dt }) => ` border: 1px dashed ${dt('fileupload.content.highlight.border.color')}; } -.p-fileupload-advanced .p-message { - margin-block-start: 0; -} - .p-fileupload-basic { display: flex; flex-wrap: wrap; diff --git a/packages/themes/src/presets/aura/fileupload/index.js b/packages/themes/src/presets/aura/fileupload/index.js index 6b0f42a6a..25829b7d2 100644 --- a/packages/themes/src/presets/aura/fileupload/index.js +++ b/packages/themes/src/presets/aura/fileupload/index.js @@ -16,7 +16,8 @@ export default { }, content: { highlightBorderColor: '{primary.color}', - padding: '0 1.125rem 1.125rem 1.125rem' + padding: '0 1.125rem 1.125rem 1.125rem', + gap: '1rem' }, file: { padding: '1rem', @@ -26,6 +27,9 @@ export default { gap: '0.5rem' } }, + fileList: { + gap: '0.5rem' + }, progressbar: { height: '0.25rem' }, diff --git a/packages/themes/src/presets/lara/fileupload/index.js b/packages/themes/src/presets/lara/fileupload/index.js index 1121baa7d..e0b0f4ec1 100644 --- a/packages/themes/src/presets/lara/fileupload/index.js +++ b/packages/themes/src/presets/lara/fileupload/index.js @@ -15,7 +15,8 @@ export default { }, content: { highlightBorderColor: '{primary.color}', - padding: '1.125rem' + padding: '1.125rem', + gap: '1rem' }, file: { padding: '1rem', @@ -25,6 +26,9 @@ export default { gap: '0.5rem' } }, + fileList: { + gap: '0.5rem' + }, progressbar: { height: '0.25rem' }, diff --git a/packages/themes/src/presets/material/fileupload/index.js b/packages/themes/src/presets/material/fileupload/index.js index b8596750a..6b1987fe3 100644 --- a/packages/themes/src/presets/material/fileupload/index.js +++ b/packages/themes/src/presets/material/fileupload/index.js @@ -16,7 +16,8 @@ export default { }, content: { highlightBorderColor: '{primary.color}', - padding: '0 1.25rem 1.25rem 1.25rem' + padding: '0 1.25rem 1.25rem 1.25rem', + gap: '1rem' }, file: { padding: '1rem', @@ -26,6 +27,9 @@ export default { gap: '0.5rem' } }, + fileList: { + gap: '0.5rem' + }, progressbar: { height: '0.25rem' }, diff --git a/packages/themes/src/presets/nora/fileupload/index.js b/packages/themes/src/presets/nora/fileupload/index.js index 6b0f42a6a..25829b7d2 100644 --- a/packages/themes/src/presets/nora/fileupload/index.js +++ b/packages/themes/src/presets/nora/fileupload/index.js @@ -16,7 +16,8 @@ export default { }, content: { highlightBorderColor: '{primary.color}', - padding: '0 1.125rem 1.125rem 1.125rem' + padding: '0 1.125rem 1.125rem 1.125rem', + gap: '1rem' }, file: { padding: '1rem', @@ -26,6 +27,9 @@ export default { gap: '0.5rem' } }, + fileList: { + gap: '0.5rem' + }, progressbar: { height: '0.25rem' },