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

Tailwind grow & shrink class typo fixes

pull/4203/head
Tuğçe Küçükoğlu 2023-08-01 16:06:10 +03:00
parent 6085cdec7f
commit 4f4496eec8
1 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -271,7 +271,7 @@ export default {
}, },
gutter: ({ props }) => ({ gutter: ({ props }) => ({
class: ['flex items-center justify-center flex-shrink-0', 'transition-all duration-200 bg-gray-100 dark:bg-gray-800', { 'cursor-col-resize': props.layout == 'horizontal', 'cursor-row-resize': props.layout !== 'horizontal' }] class: ['flex items-center justify-center shrink-0', 'transition-all duration-200 bg-gray-100 dark:bg-gray-800', { 'cursor-col-resize': props.layout == 'horizontal', 'cursor-row-resize': props.layout !== 'horizontal' }]
}), }),
gutterhandler: ({ props }) => ({ gutterhandler: ({ props }) => ({
class: ['bg-gray-300 dark:bg-gray-600 transition-all duration-200', { 'h-7': props.layout == 'horizontal', 'w-7 h-2': props.layout !== 'horizontal' }] class: ['bg-gray-300 dark:bg-gray-600 transition-all duration-200', { 'h-7': props.layout == 'horizontal', 'w-7 h-2': props.layout !== 'horizontal' }]
@ -279,7 +279,7 @@ export default {
}, },
splitterpanel: { splitterpanel: {
root: ({ props }) => ({ root: ({ props }) => ({
class: ['flex-grow', 'flex justify-center items-center'] class: ['grow', 'flex justify-center items-center']
}) })
}, },
dialog: { dialog: {
@ -287,7 +287,7 @@ export default {
class: ['rounded-lg shadow-lg border-0', 'flex flex-col max-h-90 transform scale-100', 'm-0 w-[50vw] z-40 relative', '', 'dark:border dark:border-blue-900/40'] class: ['rounded-lg shadow-lg border-0', 'flex flex-col max-h-90 transform scale-100', 'm-0 w-[50vw] z-40 relative', '', 'dark:border dark:border-blue-900/40']
}), }),
header: { header: {
class: ['flex items-center justify-between flex-shrink-0', 'bg-white text-gray-800 border-t-0 rounded-tl-lg rounded-tr-lg p-6', 'dark:bg-gray-900 dark:text-white/80'] class: ['flex items-center justify-between shrink-0', 'bg-white text-gray-800 border-t-0 rounded-tl-lg rounded-tr-lg p-6', 'dark:bg-gray-900 dark:text-white/80']
}, },
headerTitle: { headerTitle: {
class: ['font-bold text-lg'] class: ['font-bold text-lg']
@ -311,7 +311,7 @@ export default {
class: ['overflow-y-auto', 'bg-white text-gray-700 px-6 pb-8 pt-0', 'rounded-bl-lg rounded-br-lg', 'dark:bg-gray-900 dark:text-white/80 '] class: ['overflow-y-auto', 'bg-white text-gray-700 px-6 pb-8 pt-0', 'rounded-bl-lg rounded-br-lg', 'dark:bg-gray-900 dark:text-white/80 ']
}, },
footer: { footer: {
class: ['flex-shrink-0 ', 'border-t-0 bg-white text-gray-700 px-6 pb-6 text-right rounded-b-lg', 'dark:bg-gray-900 dark:text-white/80'] class: ['shrink-0 ', 'border-t-0 bg-white text-gray-700 px-6 pb-6 text-right rounded-b-lg', 'dark:bg-gray-900 dark:text-white/80']
}, },
mask: { mask: {
class: ['fixed top-0 left-0 w-full h-full flex items-center justify-center pointer-events-auto', 'bg-black bg-opacity-40 transition duration-200 z-20'] class: ['fixed top-0 left-0 w-full h-full flex items-center justify-center pointer-events-auto', 'bg-black bg-opacity-40 transition duration-200 z-20']
@ -385,7 +385,7 @@ export default {
class: ['w-4 h-4 inline-block'] class: ['w-4 h-4 inline-block']
}, },
content: { content: {
class: ['p-5 pt-0 h-full w-full', 'flex-grow overflow-y-auto'] class: ['p-5 pt-0 h-full w-full', 'grow overflow-y-auto']
}, },
mask: ({ props, state }) => ({ mask: ({ props, state }) => ({
class: [ class: [
@ -435,7 +435,7 @@ export default {
class: ['flex items-center flex-wrap', 'p-4 border border-gray-300 dark:border-blue-900/40 rounded gap-2 mb-2', 'last:mb-0'] class: ['flex items-center flex-wrap', 'p-4 border border-gray-300 dark:border-blue-900/40 rounded gap-2 mb-2', 'last:mb-0']
}, },
thumbnail: { thumbnail: {
class: ['flex-shrink-0'] class: ['shrink-0']
}, },
fileName: { fileName: {
class: ['mb-2'] class: ['mb-2']
@ -511,7 +511,7 @@ export default {
class: ['w-6 h-6', 'text-lg mr-2'] class: ['w-6 h-6', 'text-lg mr-2']
}, },
text: { text: {
class: ['text-base font-normal flex flex-col flex-1 flex-grow-1 flex-shrink-1 ml-4'] class: ['text-base font-normal flex flex-col flex-1 grow shrink ml-4']
}, },
summary: { summary: {
class: ['font-bold block'] class: ['font-bold block']
@ -802,7 +802,7 @@ export default {
class: ['block whitespace-nowrap overflow-hidden flex flex-1 w-1 text-overflow-ellipsis cursor-pointer', 'bg-transparent border-0 p-3 text-gray-700 dark:text-white/80', 'appearance-none rounded-md'] class: ['block whitespace-nowrap overflow-hidden flex flex-1 w-1 text-overflow-ellipsis cursor-pointer', 'bg-transparent border-0 p-3 text-gray-700 dark:text-white/80', 'appearance-none rounded-md']
}, },
dropdownbutton: { dropdownbutton: {
class: ['flex items-center justify-center flex-shrink-0', 'bg-transparent text-gray-600 dark:text-white/80 w-[3rem] rounded-tr-6 rounded-br-6'] class: ['flex items-center justify-center shrink-0', 'bg-transparent text-gray-600 dark:text-white/80 w-[3rem] rounded-tr-6 rounded-br-6']
}, },
panel: { panel: {
class: ['absolute py-3 bg-white dark:bg-gray-900 border-0 shadow-md'] class: ['absolute py-3 bg-white dark:bg-gray-900 border-0 shadow-md']
@ -1047,7 +1047,7 @@ export default {
] ]
}), }),
trigger: { trigger: {
class: ['flex items-center justify-center flex-shrink-0', 'bg-transparent text-gray-500 w-12 rounded-tr-lg rounded-br-lg'] class: ['flex items-center justify-center shrink-0', 'bg-transparent text-gray-500 w-12 rounded-tr-lg rounded-br-lg']
}, },
wrapper: { wrapper: {
class: ['max-h-[200px] overflow-auto', 'bg-white text-gray-700 border-0 rounded-md shadow-lg', 'dark:bg-gray-900 dark:text-white/80'] class: ['max-h-[200px] overflow-auto', 'bg-white text-gray-700 border-0 rounded-md shadow-lg', 'dark:bg-gray-900 dark:text-white/80']
@ -1289,7 +1289,7 @@ export default {
class: ['ml-2'] class: ['ml-2']
}, },
trigger: { trigger: {
class: ['flex items-center justify-center flex-shrink-0', 'bg-transparent text-gray-600 dark:text-white/70 w-12 rounded-tr-lg rounded-br-lg'] class: ['flex items-center justify-center shrink-0', 'bg-transparent text-gray-600 dark:text-white/70 w-12 rounded-tr-lg rounded-br-lg']
}, },
panel: { panel: {
class: ['bg-white dark:bg-gray-900 text-gray-700 dark:text-white/80 border-0 rounded-md shadow-lg'] class: ['bg-white dark:bg-gray-900 text-gray-700 dark:text-white/80 border-0 rounded-md shadow-lg']
@ -1404,7 +1404,7 @@ export default {
class: ['block overflow-hidden whitespace-nowrap cursor-pointer overflow-ellipsis', 'text-gray-800 dark:text-white/80', 'p-3 transition duration-200'] class: ['block overflow-hidden whitespace-nowrap cursor-pointer overflow-ellipsis', 'text-gray-800 dark:text-white/80', 'p-3 transition duration-200']
}), }),
trigger: { trigger: {
class: ['flex items-center justify-center flex-shrink-0', 'bg-transparent text-gray-600 dark:text-white/70 w-12 rounded-tr-lg rounded-br-lg'] class: ['flex items-center justify-center shrink-0', 'bg-transparent text-gray-600 dark:text-white/70 w-12 rounded-tr-lg rounded-br-lg']
}, },
panel: { panel: {
class: ['bg-white dark:bg-gray-900 text-gray-700 dark:text-white/80 border-0 rounded-md shadow-lg'] class: ['bg-white dark:bg-gray-900 text-gray-700 dark:text-white/80 border-0 rounded-md shadow-lg']
@ -1681,7 +1681,7 @@ export default {
class: ['text-yellow-400'] class: ['text-yellow-400']
}, },
commandtext: { commandtext: {
class: ['flex-1 flex-shrink-1 flex-grow-0 border-0 bg-transparent text-inherit p-0 outline-none'] class: ['flex-1 shrink grow-0 border-0 bg-transparent text-inherit p-0 outline-none']
} }
}, },
@ -2144,14 +2144,14 @@ export default {
class: ['flex justify-center items-center h-full w-full'] class: ['flex justify-center items-center h-full w-full']
}, },
thumbnailwrapper: { thumbnailwrapper: {
class: ['flex flex-col overflow-auto flex-shrink-0'] class: ['flex flex-col overflow-auto shrink-0']
}, },
thumbnailcontainer: { thumbnailcontainer: {
class: ['flex flex-row', 'bg-black/90 p-4'] class: ['flex flex-row', 'bg-black/90 p-4']
}, },
previousthumbnailbutton: { previousthumbnailbutton: {
class: [ class: [
'self-center flex flex-shrink-0 justify-center items-center overflow-hidden relative', 'self-center flex shrink-0 justify-center items-center overflow-hidden relative',
'm-2 bg-transparent text-white w-8 h-8 transition duration-200 ease-in-out rounded-full', 'm-2 bg-transparent text-white w-8 h-8 transition duration-200 ease-in-out rounded-full',
'hover:bg-white/10 hover:text-white', 'hover:bg-white/10 hover:text-white',
'focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)]' 'focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)]'
@ -2164,11 +2164,11 @@ export default {
class: ['flex'] class: ['flex']
}, },
thumbnailitem: { thumbnailitem: {
class: ['overflow-auto flex items-center justify-center cursor-pointer opacity-50', 'flex-1 flex-grow-0 flex-shrink-0 w-20', 'hover:opacity-100 hover:transition-opacity hover:duration-300'] class: ['overflow-auto flex items-center justify-center cursor-pointer opacity-50', 'flex-1 grow-0 shrink-0 w-20', 'hover:opacity-100 hover:transition-opacity hover:duration-300']
}, },
nextthumbnailbutton: { nextthumbnailbutton: {
class: [ class: [
'self-center flex flex-shrink-0 justify-center items-center overflow-hidden relative', 'self-center flex shrink-0 justify-center items-center overflow-hidden relative',
'm-2 bg-transparent text-white w-8 h-8 transition duration-200 ease-in-out rounded-full', 'm-2 bg-transparent text-white w-8 h-8 transition duration-200 ease-in-out rounded-full',
'hover:bg-white/10 hover:text-white', 'hover:bg-white/10 hover:text-white',
'focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)]' 'focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)]'
@ -2235,7 +2235,7 @@ export default {
class: ['flex', { 'flex-row': props.orientation !== 'vertical', 'flex-col': props.orientation == 'vertical' }] class: ['flex', { 'flex-row': props.orientation !== 'vertical', 'flex-col': props.orientation == 'vertical' }]
}), }),
previousbutton: ({ props, context }) => ({ previousbutton: ({ props, context }) => ({
class: ['flex justify-center items-center self-center overflow-hidden relative flex-shrink-0 flex-grow-0', 'w-8 h-8 text-gray-600 border-0 bg-transparent rounded-full transition duration-200 ease-in-out mx-2'] class: ['flex justify-center items-center self-center overflow-hidden relative shrink-0 grow-0', 'w-8 h-8 text-gray-600 border-0 bg-transparent rounded-full transition duration-200 ease-in-out mx-2']
}), }),
itemscontent: { itemscontent: {
class: ['overflow-hidden w-full'] class: ['overflow-hidden w-full']
@ -2244,7 +2244,7 @@ export default {
class: ['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 shrink-0 grow', { 'w-1/3': props.orientation !== 'vertical', 'w-full': props.orientation == 'vertical' }]
}), }),
indicators: { indicators: {
class: ['flex flex-row justify-center flex-wrap'] class: ['flex flex-row justify-center flex-wrap']
@ -2283,7 +2283,7 @@ export default {
}), }),
toggler: ({ context }) => ({ toggler: ({ context }) => ({
class: [ class: [
'cursor-pointer select-none inline-flex items-center justify-center overflow-hidden relative flex-shrink-0', 'cursor-pointer select-none inline-flex items-center justify-center overflow-hidden relative shrink-0',
'mr-2 w-8 h-8 border-0 bg-transparent rounded-full transition duration-200', 'mr-2 w-8 h-8 border-0 bg-transparent rounded-full transition duration-200',
'hover:border-transparent 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)]', 'hover:border-transparent 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)]',
{ 'text-gray-500 dark:text-white/80 hover:bg-gray-200 dark:hover:bg-gray-800/80 hover:text-gray-800 dark:hover:text-white/80': !context.selected, 'text-blue-600 hover:bg-white/30': context.selected } { 'text-gray-500 dark:text-white/80 hover:bg-gray-200 dark:hover:bg-gray-800/80 hover:text-gray-800 dark:hover:text-white/80': !context.selected, 'text-blue-600 hover:bg-white/30': context.selected }
@ -2329,7 +2329,7 @@ export default {
timeline: { timeline: {
root: ({ props }) => ({ root: ({ props }) => ({
class: [ class: [
'flex flex-grow', 'flex grow',
{ {
'flex-col': props.layout === 'vertical', 'flex-col': props.layout === 'vertical',
'flex-row flex-1': props.layout === 'horizontal' 'flex-row flex-1': props.layout === 'horizontal'
@ -2373,7 +2373,7 @@ export default {
}, },
connector: ({ props }) => ({ connector: ({ props }) => ({
class: [ class: [
'flex-grow bg-gray-300 dark:bg-blue-900/40', 'grow bg-gray-300 dark:bg-blue-900/40',
{ {
'w-[2px]': props.layout === 'vertical', 'w-[2px]': props.layout === 'vertical',
'w-full h-[2px]': props.layout === 'horizontal' 'w-full h-[2px]': props.layout === 'horizontal'
@ -2393,7 +2393,7 @@ export default {
}, },
{ {
'min-h-0': props.layout === 'vertical' && context.index === context.count, 'min-h-0': props.layout === 'vertical' && context.index === context.count,
'flex-grow-0': props.layout === 'horizontal' && context.index === context.count 'grow-0': props.layout === 'horizontal' && context.index === context.count
} }
] ]
}) })