Divider updates

pull/4239/head
Tuğçe Küçükoğlu 2023-08-03 11:29:44 +03:00
parent 0f075563ae
commit 0e66f19b9e
1 changed files with 2 additions and 9 deletions

View File

@ -153,17 +153,10 @@ export default {
'flex relative', // alignments. 'flex relative', // alignments.
{ {
'w-full my-5 mx-0 py-0 px-5 before:block before:left-0 before:absolute before:top-1/2 before:w-full before:border-t before:border-gray-300 before:dark:border-blue-900/40': props.layout == 'horizontal', // Padding and borders for horizontal layout. 'w-full my-5 mx-0 py-0 px-5 before:block before:left-0 before:absolute before:top-1/2 before:w-full before:border-t before:border-gray-300 before:dark:border-blue-900/40': props.layout == 'horizontal', // Padding and borders for horizontal layout.
'justify-center min-h-full mx-4 md:mx-5 py-5 before:block before:min-h-full before:absolute before:left-1/2 before:top-0 before:transform before:-translate-x-1/2 before:border-l before:border-gray-300 before:dark:border-blue-900/40': 'min-h-full mx-4 md:mx-5 py-5 before:block before:min-h-full before:absolute before:left-1/2 before:top-0 before:transform before:-translate-x-1/2 before:border-l before:border-gray-300 before:dark:border-blue-900/40':
props.layout == 'vertical' // Padding and borders for vertical layout. props.layout == 'vertical' // Padding and borders for vertical layout.
}, },
{ 'before:border-solid': props.type == 'solid', 'before:border-dotted': props.type == 'dotted', 'before:border-dashed': props.type == 'dashed' }, // Border type condition. { 'before:border-solid': props.type == 'solid', 'before:border-dotted': props.type == 'dotted', 'before:border-dashed': props.type == 'dashed' } // Border type condition.
{
'justify-center items-center': props.align == 'center' || props.align == null, // Alignment condition for center or default alignment.
'justify-end items-center': props.align == 'right', // Alignment condition for right alignment.
'justify-start items-center': props.align == 'left', // Alignment condition for left alignment.
'items-start': props.align == 'top', // Alignment condition for top alignment.
'items-end': props.align == 'bottom' // Alignment condition for bottom alignment.
}
] ]
}), }),
content: { content: {