mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-01-26 10:59:53 +00:00
7b68b19f11
## Summary Automated initial change, cleaned up manually. Please check the screenshot changes. Includes a11y updates to icon buttons. Doesn't hit the buttons in Desktop. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-7649-WIP-Component-The-Rest-of-the-PrimeVue-buttons-2ce6d73d365081d68e06f200f1321267) by [Unito](https://www.unito.io) --------- Co-authored-by: GitHub Action <action@github.com> Co-authored-by: github-actions <github-actions@github.com> Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
51 lines
1.2 KiB
Vue
51 lines
1.2 KiB
Vue
<template>
|
|
<div class="flex h-110 max-w-96 flex-col gap-4 p-2">
|
|
<div class="mb-2 text-2xl font-medium">
|
|
{{ t('apiNodesSignInDialog.title') }}
|
|
</div>
|
|
|
|
<div class="mb-4 text-base">
|
|
{{ t('apiNodesSignInDialog.message') }}
|
|
</div>
|
|
|
|
<ApiNodesList :node-names="apiNodeNames" />
|
|
|
|
<div class="flex items-center justify-between">
|
|
<Button variant="textonly" @click="handleLearnMoreClick">
|
|
{{ t('g.learnMore') }}
|
|
</Button>
|
|
<div class="flex gap-2">
|
|
<Button variant="secondary" @click="onCancel?.()">
|
|
{{ t('g.cancel') }}
|
|
</Button>
|
|
<Button @click="onLogin?.()">
|
|
{{ t('g.login') }}
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { useI18n } from 'vue-i18n'
|
|
|
|
import Button from '@/components/ui/button/Button.vue'
|
|
import { useExternalLink } from '@/composables/useExternalLink'
|
|
|
|
const { t } = useI18n()
|
|
const { buildDocsUrl } = useExternalLink()
|
|
|
|
const { apiNodeNames, onLogin, onCancel } = defineProps<{
|
|
apiNodeNames: string[]
|
|
onLogin?: () => void
|
|
onCancel?: () => void
|
|
}>()
|
|
|
|
const handleLearnMoreClick = () => {
|
|
window.open(
|
|
buildDocsUrl('/tutorials/api-nodes/faq', { includeLocale: true }),
|
|
'_blank'
|
|
)
|
|
}
|
|
</script>
|