mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-02-04 15:10:06 +00:00
85017dbba0
* temp: move tailwind calls out of the layer * temp: ts tailwind config * upgrade: Tailwind v4 This got a little out of hand. Had to add a relative reference to the stylesheet in any component that uses @apply instead of the utility classes directly. * upgrade: bg-opacity is now a modifier * fix: Classic menu buttons assume a border * Update test expectations [skip ci] * fix: New preflight removal pattern * fix: Skeletons don't have skin * Update test expectations [skip ci] * fix: Missing @reference * [auto-fix] Apply ESLint and Prettier fixes --------- Co-authored-by: github-actions <github-actions@github.com> Co-authored-by: GitHub Action <action@github.com>
26 lines
671 B
Vue
26 lines
671 B
Vue
<template>
|
|
<div class="flex items-center">
|
|
<span v-if="position === 'left'" class="mr-2 shrink-0">{{ text }}</span>
|
|
<Divider :align="align" :type="type" :layout="layout" class="grow" />
|
|
<span v-if="position === 'right'" class="ml-2 shrink-0">{{ text }}</span>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Divider from 'primevue/divider'
|
|
|
|
const {
|
|
text,
|
|
position = 'left',
|
|
align = 'center',
|
|
type = 'solid',
|
|
layout = 'horizontal'
|
|
} = defineProps<{
|
|
text: string
|
|
position?: 'left' | 'right'
|
|
align?: 'left' | 'center' | 'right' | 'top' | 'bottom'
|
|
type?: 'solid' | 'dashed' | 'dotted'
|
|
layout?: 'horizontal' | 'vertical'
|
|
}>()
|
|
</script>
|