Divider updates
parent
0f075563ae
commit
0e66f19b9e
|
@ -153,17 +153,10 @@ export default {
|
|||
'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.
|
||||
'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.
|
||||
},
|
||||
{ '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.
|
||||
}
|
||||
{ 'before:border-solid': props.type == 'solid', 'before:border-dotted': props.type == 'dotted', 'before:border-dashed': props.type == 'dashed' } // Border type condition.
|
||||
]
|
||||
}),
|
||||
content: {
|
||||
|
|
Loading…
Reference in New Issue