vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Migrated FileUpload

pull/5507/head
Cagatay Civici 2024-03-12 14:31:18 +03:00
parent 66dbc53907
commit 180e41bca3
2 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
components/lib/themes/primeone/base/fileupload/index.js
View File

@ -16,10 +16,10 @@ export default {
.p-fileupload-buttonbar { .p-fileupload-buttonbar {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
background: var(--p-fileupload-header-background); background: ${dt('fileupload.header.background')};
padding: 1.125rem; padding: 1.125rem;
border: 1px solid var(--p-fileupload-header-border-color); border: 1px solid ${dt('fileupload.header.border.color')};
color: var(--p-fileupload-header-text-color); color: ${dt('fileupload.header.color')};
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: ${dt('rounded.base')}; border-top-right-radius: ${dt('rounded.base')};
border-top-left-radius: ${dt('rounded.base')}; border-top-left-radius: ${dt('rounded.base')};
@ -28,10 +28,10 @@ export default {
.p-fileupload-content { .p-fileupload-content {
position: relative; position: relative;
background: var(--p-fileupload-content-background); background: ${dt('fileupload.content.background')};
padding: 0 1.125rem 1.125rem 1.125rem; padding: 0 1.125rem 1.125rem 1.125rem;
border: 1px solid var(--p-fileupload-content-border-color); border: 1px solid ${dt('fileupload.content.border.color')};
color: var(--p-fileupload-content-text-color); color: ${dt('fileupload.content.color')};
border-bottom-right-radius: ${dt('rounded.base')}; border-bottom-right-radius: ${dt('rounded.base')};
border-bottom-left-radius: ${dt('rounded.base')}; border-bottom-left-radius: ${dt('rounded.base')};
border-top: 0 none; border-top: 0 none;
@ -50,7 +50,7 @@ export default {
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
padding: 1rem; padding: 1rem;
border: 1px solid var(--p-fileupload-file-border-color); border: 1px solid ${dt('fileupload.file.border.color')};
border-radius: ${dt('rounded.base')}; border-radius: ${dt('rounded.base')};
gap: 0.5rem; gap: 0.5rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
@ -69,8 +69,8 @@ export default {
} }
.p-fileupload-highlight { .p-fileupload-highlight {
border: 1px dashed var(--p-fileupload-highlight-border-color-highlight); border: 1px dashed ${dt('fileupload.content.highlight.border.color')};
background-color: var(--p-fileupload-highlight-background-highlight); background: ${dt('fileupload.content.highlight.background')};
} }
.p-fileupload-file-name { .p-fileupload-file-name {

16
components/lib/themes/primeone/presets/aura/fileupload/index.js
View File

@ -4,14 +4,14 @@ export default {
header: { header: {
background: '{surface.0}', background: '{surface.0}',
borderColor: '{surface.200}', borderColor: '{surface.200}',
textColor: '{surface.700}' color: '{surface.700}'
}, },
content: { content: {
background: '{surface.0}', background: '{surface.0}',
backgroundHighlight: '{highlight.background}', highlightBackground: '{highlight.background}',
borderColor: '{surface.200}', borderColor: '{surface.200}',
borderColorHighlight: '{highlight.textColor}', highlightBorderColor: '{highlight.color}',
textColor: '{surface.700}' color: '{surface.700}'
}, },
file: { file: {
borderColor: '{surface.200}' borderColor: '{surface.200}'
@ -21,14 +21,14 @@ export default {
header: { header: {
background: '{surface.900}', background: '{surface.900}',
borderColor: '{surface.700}', borderColor: '{surface.700}',
textColor: '{surface.0}' color: '{surface.0}'
}, },
content: { content: {
background: '{surface.900}', background: '{surface.900}',
backgroundHighlight: '{highlight.background}', highlightBackground: '{highlight.background}',
borderColor: '{surface.700}', borderColor: '{surface.700}',
borderColorHighlight: '{highlight.textColor}', highlightBorderColor: '{highlight.color}',
textColor: '{surface.0}' color: '{surface.0}'
}, },
file: { file: {
borderColor: '{surface.200}' borderColor: '{surface.200}'