vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 08:52:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

Tokens for DataView

Browse source
This commit is contained in:
Cagatay Civici 2024-05-12 21:59:19 +03:00
parent f1d01dd4d5
commit 25949514b8
3 changed files with 97 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

30
components/lib/themes/aura/dataview/index.js
View file

@ -1,16 +1,40 @@
export default {
root: {
borderColor: 'transparent',
borderWidth: '0',
borderRadius: '0',
padding: '0'
},
header: {
background: '{content.background}',
color: '{content.color}',
borderColor: '{content.border.color}',
color: '{content.color}'
borderWidth: '0 0 1px 0',
padding: '0.75rem 1rem',
borderRadius: '0'
},
content: {
background: '{content.background}',
color: '{content.color}'
color: '{content.color}',
borderColor: 'transparent',
borderWidth: '0',
padding: '0',
borderRadius: '0'
},
footer: {
background: '{content.background}',
color: '{content.color}',
borderColor: '{content.border.color}',
color: '{content.color}'
borderWidth: '1px 0 0 0',
padding: '0.75rem 1rem',
borderRadius: '0'
},
paginatorTop: {
borderColor: '{content.border.color}',
borderWidth: '0 0 1px 0'
},
paginatorBottom: {
borderColor: '{content.border.color}',
borderWidth: '1px 0 0 0'
}
};

46
components/lib/themes/lara/dataview/index.js
View file

@ -1,16 +1,52 @@
export default {
header: {
background: '{content.background}',
root: {
borderColor: '{content.border.color}',
color: '{content.color}'
borderWidth: '1px',
borderRadius: '4px',
padding: '0'
},
header: {
borderColor: '{content.border.color}',
borderWidth: '0 0 1px 0',
padding: '0.875rem 1.125rem',
borderRadius: '3px 3px 0 0'
},
content: {
background: '{content.background}',
color: '{content.color}'
color: '{content.color}',
borderColor: 'transparent',
borderWidth: '0',
padding: '0',
borderRadius: '3px'
},
footer: {
background: '{content.background}',
color: '{content.color}',
borderColor: '{content.border.color}',
color: '{content.color}'
borderWidth: '1px 0 0 0',
padding: '0.875rem 1.125rem',
borderRadius: '0 0 3px 3px'
},
paginatorTop: {
borderColor: '{content.border.color}',
borderWidth: '0 0 1px 0'
},
paginatorBottom: {
borderColor: '{content.border.color}',
borderWidth: '1px 0 0 0'
},
colorScheme: {
light: {
header: {
background: '{surface.100}',
color: '{text.color}'
}
},
dark: {
header: {
background: '{surface.800}',
color: '{text.color}'
}
}
}
};