TowstyandCursor
78b158471b
Recover finished Comfy audio when queueing hangs so a completed track is not stuck on Queueing. Co-authored-by: Cursor <cursoragent@cursor.com>
49 lines
2.5 KiB
Vue
49 lines
2.5 KiB
Vue
<template>
|
|
<div class="mb-4 grid grid-cols-3 gap-3">
|
|
<NuxtLink
|
|
to="/?studio=video"
|
|
class="rounded-3xl border px-4 py-4 text-left transition"
|
|
:class="current === 'video' ? 'border-amber-300 bg-amber-400/10 text-amber-50' : 'border-white/10 text-zinc-400 hover:border-white/20 hover:text-zinc-200'"
|
|
>
|
|
<svg class="h-10 w-10" viewBox="0 0 40 40" fill="none" aria-hidden="true">
|
|
<rect x="4" y="10" width="24" height="20" rx="3" stroke="currentColor" stroke-width="2" />
|
|
<path d="M28 16 36 12v16l-8-4V16Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round" />
|
|
<circle cx="12" cy="20" r="2" fill="currentColor" />
|
|
</svg>
|
|
<span class="mt-3 block font-display text-lg font-bold text-zinc-100">Video</span>
|
|
<span class="mt-0.5 block text-xs text-zinc-500">MiniMax H3 · LTX</span>
|
|
</NuxtLink>
|
|
<NuxtLink
|
|
to="/?studio=image"
|
|
class="rounded-3xl border px-4 py-4 text-left transition"
|
|
:class="current === 'image' ? 'border-amber-300 bg-amber-400/10 text-amber-50' : 'border-white/10 text-zinc-400 hover:border-white/20 hover:text-zinc-200'"
|
|
>
|
|
<svg class="h-10 w-10" viewBox="0 0 40 40" fill="none" aria-hidden="true">
|
|
<rect x="6" y="8" width="28" height="24" rx="3" stroke="currentColor" stroke-width="2" />
|
|
<path d="m10 26 7-8 6 7 3-3 4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
|
|
<circle cx="15" cy="15" r="2.5" fill="currentColor" />
|
|
</svg>
|
|
<span class="mt-3 block font-display text-lg font-bold text-zinc-100">Image</span>
|
|
<span class="mt-0.5 block text-xs text-zinc-500">Flux · Krea</span>
|
|
</NuxtLink>
|
|
<NuxtLink
|
|
to="/music"
|
|
class="rounded-3xl border px-4 py-4 text-left transition"
|
|
:class="current === 'music' ? 'border-amber-300 bg-amber-400/10 text-amber-50' : 'border-white/10 text-zinc-400 hover:border-white/20 hover:text-zinc-200'"
|
|
>
|
|
<svg class="h-10 w-10" viewBox="0 0 40 40" fill="none" aria-hidden="true">
|
|
<circle cx="20" cy="20" r="12" stroke="currentColor" stroke-width="2" />
|
|
<path d="M18 14v12l10-4V12l-10 2Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round" />
|
|
</svg>
|
|
<span class="mt-3 block font-display text-lg font-bold text-zinc-100">Music</span>
|
|
<span class="mt-0.5 block text-xs text-zinc-500">ACE-Step · YuE</span>
|
|
</NuxtLink>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps<{
|
|
current: 'video' | 'image' | 'music'
|
|
}>()
|
|
</script>
|