mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-02-23 00:04:06 +00:00
8d7dd9ed67
## Summary Setup the variants and migrate existing uses of TextButton/TextIconButton/IconButton to a single Button component. Still a work in progress. ## Changes - **What**: Add a new Button - **What**: Migrate old buttons - **What**: Delete old buttons - **Dependencies**: CVA, upgrade Storybook ## Review Focus <!-- Critical design decisions or edge cases that need attention --> <!-- If this PR fixes an issue, uncomment and update the line below --> <!-- Fixes #ISSUE_NUMBER --> ## Screenshots (if applicable) <!-- Add screenshots or video recording to help explain your changes --> ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-7537-WIP-Component-Button-migration-2cb6d73d36508156a81bfc7bbddb36e9) by [Unito](https://www.unito.io) --------- Co-authored-by: GitHub Action <action@github.com>
29 lines
778 B
Vue
29 lines
778 B
Vue
<template>
|
|
<div class="flex flex-wrap justify-end gap-2 w-full">
|
|
<a
|
|
href="https://blog.comfy.org/p/comfy-cloud-new-features-and-pricing"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
class="text-muted-foreground mr-auto underline flex items-center gap-2"
|
|
>
|
|
<i class="icon-[lucide--external-link]" />
|
|
<span>{{ $t('g.learnMore') }}</span>
|
|
</a>
|
|
<Button variant="textonly" @click="emit('close')">{{
|
|
$t('g.close')
|
|
}}</Button>
|
|
<Button variant="secondary" @click="emit('subscribe')">
|
|
{{ $t('subscription.required.subscribe') }}
|
|
</Button>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Button from '@/components/ui/button/Button.vue'
|
|
|
|
const emit = defineEmits<{
|
|
close: []
|
|
subscribe: []
|
|
}>()
|
|
</script>
|