mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-03-02 03:30:04 +00:00
27 lines
778 B
Vue
27 lines
778 B
Vue
<template>
|
|
<div class="relative size-full overflow-hidden rounded">
|
|
<div
|
|
class="flex size-full flex-col items-center justify-center gap-2 bg-modal-card-placeholder-background transition-transform duration-300 group-hover:scale-105 group-data-[selected=true]:scale-105"
|
|
>
|
|
<i class="icon-[lucide--music] text-3xl text-base-foreground" />
|
|
<span class="text-base-foreground">{{
|
|
$t('assetBrowser.media.audioPlaceholder')
|
|
}}</span>
|
|
</div>
|
|
<audio
|
|
controls
|
|
class="absolute bottom-0 left-0 w-full p-2"
|
|
:src="asset.src"
|
|
@click.stop
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { AssetMeta } from '../schemas/mediaAssetSchema'
|
|
|
|
const { asset } = defineProps<{
|
|
asset: AssetMeta
|
|
}>()
|
|
</script>
|