mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-21 23:09:39 +00:00
f4ed79b133
## Summary <!-- One sentence describing what changed and why. --> ## Changes - **What**: <!-- Core functionality added/modified --> - **Breaking**: <!-- Any breaking changes (if none, remove this line) --> - **Dependencies**: <!-- New dependencies (if none, remove this line) --> ## 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) <img width="383" height="359" alt="image" src="https://github.com/user-attachments/assets/47905196-9db6-4a57-8cf7-384d4d37d000" /> <img width="335" height="281" alt="image" src="https://github.com/user-attachments/assets/843068f3-e895-4781-bf5f-e0eb86d3387c" /> ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-9342-feat-Add-apps-sidebar-tab-3176d73d3650812b822fc9cc3f17322e) by [Unito](https://www.unito.io) --------- Co-authored-by: github-actions <github-actions@github.com>
63 lines
1.4 KiB
Vue
63 lines
1.4 KiB
Vue
<template>
|
|
<div class="no-results-placeholder h-full p-8" :class="props.class">
|
|
<Card>
|
|
<template #content>
|
|
<div class="flex flex-col items-center">
|
|
<i
|
|
v-if="icon"
|
|
:class="icon"
|
|
style="font-size: 3rem; margin-bottom: 1rem"
|
|
/>
|
|
<h3 v-if="title">{{ title }}</h3>
|
|
<p :class="textClass" class="text-center whitespace-pre-line">
|
|
{{ message }}
|
|
</p>
|
|
<Button
|
|
v-if="buttonLabel"
|
|
:variant="buttonVariant ?? 'textonly'"
|
|
@click="$emit('action')"
|
|
>
|
|
{{ buttonLabel }}
|
|
</Button>
|
|
</div>
|
|
</template>
|
|
</Card>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Card from 'primevue/card'
|
|
|
|
import Button from '@/components/ui/button/Button.vue'
|
|
import type { ButtonVariants } from '../ui/button/button.variants'
|
|
|
|
const props = defineProps<{
|
|
class?: string
|
|
icon?: string
|
|
title?: string
|
|
message: string
|
|
textClass?: string
|
|
buttonLabel?: string
|
|
buttonVariant?: ButtonVariants['variant']
|
|
}>()
|
|
|
|
defineEmits(['action'])
|
|
</script>
|
|
|
|
<style scoped>
|
|
.no-results-placeholder :deep(.p-card) {
|
|
background-color: var(--surface-ground);
|
|
text-align: center;
|
|
box-shadow: unset;
|
|
}
|
|
|
|
.no-results-placeholder h3 {
|
|
color: var(--text-color);
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.no-results-placeholder p {
|
|
margin-bottom: 1rem;
|
|
}
|
|
</style>
|