towsty/aigen
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Let the output column scroll when Extend overflows the viewport.

Browse Source 
The two-column library cap used overflow hidden, so the extend form was clipped with no way to reach Generate.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Towsty
2026-09-01 18:48:49 -05:00
co-authored by Cursor
parent 142d049ff8
commit 43247831bb
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/index.vue
+4 -2
View File
@@ -1212,7 +1212,7 @@
</div> </div>
</section> </section>
<section class="min-w-0 max-w-full space-y-5 lg:sticky lg:top-4 lg:flex lg:max-h-[calc(100dvh-5.5rem)] lg:flex-col lg:overflow-hidden"> <section class="min-w-0 max-w-full space-y-5 lg:sticky lg:top-4 lg:flex lg:max-h-[calc(100dvh-5.5rem)] lg:min-h-0 lg:flex-col lg:overflow-y-auto">
<div ref="outputPanel" class="glass min-w-0 max-w-full rounded-3xl p-5 sm:p-6 lg:shrink-0"> <div ref="outputPanel" class="glass min-w-0 max-w-full rounded-3xl p-5 sm:p-6 lg:shrink-0">
<div class="flex items-center justify-between gap-3"> <div class="flex items-center justify-between gap-3">
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
@@ -1383,7 +1383,7 @@
{{ keepingInputBusy ? 'Saving…' : 'Save as input' }} {{ keepingInputBusy ? 'Saving…' : 'Save as input' }}
</button> </button>
</div> </div>
<div v-if="extendOpen" class="mt-4 space-y-4 rounded-2xl border border-white/10 bg-zinc-950/50 p-4"> <div v-if="extendOpen" id="extend-clip" class="mt-4 space-y-4 rounded-2xl border border-white/10 bg-zinc-950/50 p-4">
<div class="flex items-start justify-between gap-3"> <div class="flex items-start justify-between gap-3">
<div> <div>
<h3 class="text-sm font-semibold text-amber-100">Extend this clip</h3> <h3 class="text-sm font-semibold text-amber-100">Extend this clip</h3>
@@ -5733,6 +5733,8 @@ async function openExtend(item?: LibraryClip) {
lastFrameUrl.value = '' lastFrameUrl.value = ''
lastFrameLoading.value = false lastFrameLoading.value = false
player.value?.pause() player.value?.pause()
await nextTick()
document.getElementById('extend-clip')?.scrollIntoView({ block: 'nearest', behavior: 'smooth' })
if (!hideExtendLastFrame.value) await loadLastFrame(id) if (!hideExtendLastFrame.value) await loadLastFrame(id)
} }