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

update TW theme add indicators

pull/4203/head
ATAKAN TEPE 2023-08-01 09:22:06 +03:00
parent 23695acd2b
commit 4efe728964
1 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
components/lib/tailwind/Tailwind.js
View File

@ -587,7 +587,6 @@ export default {
button: { button: {
root: ({ parent }) => ({ root: ({ parent }) => ({
class: [ class: [
console.log(parent.props.plain),
'min-[0px]:rounded-r-none', 'min-[0px]:rounded-r-none',
{ 'text-white bg-blue-500 border border-blue-500 hover:bg-blue-600 hover:border-blue-600': parent.props.severity == null && !parent.props.text && !parent.props.outlined && !parent.props.plain }, { 'text-white bg-blue-500 border border-blue-500 hover:bg-blue-600 hover:border-blue-600': parent.props.severity == null && !parent.props.text && !parent.props.outlined && !parent.props.plain },
{ {
@ -1022,7 +1021,6 @@ export default {
}, },
daylabel: ({ context }) => ({ daylabel: ({ context }) => ({
class: [ class: [
console.log(context.disabled),
'w-10 h-10 rounded-full transition-shadow duration-200 border-transparent border', 'w-10 h-10 rounded-full transition-shadow duration-200 border-transparent border',
'flex items-center cursor-pointer justify-center mx-auto overflow-hidden relative', 'flex items-center cursor-pointer justify-center mx-auto overflow-hidden relative',
'focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] dark:focus:shadow-[0_0_0_0.2rem_rgba(147,197,253,0.5)]', 'focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] dark:focus:shadow-[0_0_0_0.2rem_rgba(147,197,253,0.5)]',
@ -1998,6 +1996,12 @@ export default {
indicator: { indicator: {
class: ['mr-2'] class: ['mr-2']
}, },
indicatorbutton: ({ props, context }) => ({
class: [
'bg-gray-200 hover:bg-gray-300 dark:bg-gray-700 dark:hover:bg-gray-600 w-4 h-4 transition duration-200 rounded-full',
'focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] dark:focus:shadow-[0_0_0_0.2rem_rgba(147,197,253,0.5)]'
]
}),
mask: { mask: {
class: ['fixed top-0 left-0 w-full h-full', 'flex items-center justify-center', 'bg-black bg-opacity-90'] class: ['fixed top-0 left-0 w-full h-full', 'flex items-center justify-center', 'bg-black bg-opacity-90']
}, },
@ -2053,10 +2057,22 @@ export default {
class: ['overflow-hidden w-full'] class: ['overflow-hidden w-full']
}, },
itemscontainer: ({ props, context }) => ({ itemscontainer: ({ props, context }) => ({
class: [console.log(props), 'flex ', { 'flex-row': props.orientation !== 'vertical', 'flex-col h-full': props.orientation == 'vertical' }] class: ['flex ', { 'flex-row': props.orientation !== 'vertical', 'flex-col h-full': props.orientation == 'vertical' }]
}), }),
item: ({ props, context }) => ({ item: ({ props, context }) => ({
class: ['flex flex-shrink-0 grow', { 'w-1/3': props.orientation !== 'vertical', 'w-full': props.orientation == 'vertical' }] class: ['flex flex-shrink-0 grow', { 'w-1/3': props.orientation !== 'vertical', 'w-full': props.orientation == 'vertical' }]
}),
indicators: {
class: ['flex flex-row justify-center flex-wrap']
},
indicator: {
class: ['mr-2 mb-2']
},
indicatorbutton: ({ props, context }) => ({
class: [
'bg-gray-200 hover:bg-gray-300 dark:bg-gray-700 dark:hover:bg-gray-600 w-8 h-2 transition duration-200 rounded-0',
'focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] dark:focus:shadow-[0_0_0_0.2rem_rgba(147,197,253,0.5)]'
]
}) })
}, },
tree: { tree: {