Move nav, Poke, Sleep, and Sign out into a top-left menu.
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
+1
-34
@@ -1,34 +1,6 @@
|
||||
<template>
|
||||
<div class="min-h-dvh min-w-0">
|
||||
<header class="sticky top-0 z-20 border-b border-white/5 bg-zinc-950/70 backdrop-blur-xl">
|
||||
<div class="mx-auto flex max-w-7xl items-center justify-between px-4 py-4 sm:px-6">
|
||||
<div class="flex items-center gap-3">
|
||||
<NuxtLink to="/" class="flex h-10 w-10 items-center justify-center rounded-xl bg-amber-400 text-zinc-950 font-display font-extrabold">A</NuxtLink>
|
||||
<div>
|
||||
<h1 class="font-display text-xl font-bold leading-none">{{ instanceName }}</h1>
|
||||
<p class="text-[11px] uppercase tracking-[0.22em] text-zinc-500">Director</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-3 text-sm">
|
||||
<NuxtLink to="/" class="rounded-full border border-white/10 px-3 py-1 text-zinc-300 hover:border-amber-300/50 hover:text-white">
|
||||
Studio
|
||||
</NuxtLink>
|
||||
<NuxtLink to="/library" class="rounded-full border border-white/10 px-3 py-1 text-zinc-300 hover:border-amber-300/50 hover:text-white">
|
||||
Library
|
||||
</NuxtLink>
|
||||
<NuxtLink
|
||||
to="/director"
|
||||
class="rounded-full border border-amber-300/70 bg-amber-400/10 px-3 py-1 text-amber-100"
|
||||
>
|
||||
Director
|
||||
</NuxtLink>
|
||||
<NuxtLink to="/queue" class="rounded-full border border-white/10 px-3 py-1 text-zinc-300 hover:border-amber-300/50 hover:text-white">
|
||||
Queue
|
||||
</NuxtLink>
|
||||
<a v-if="authEnabled" href="/api/auth/logout" class="text-zinc-400 hover:text-white">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<AppHeader subtitle="Director" current="director" />
|
||||
|
||||
<main class="mx-auto grid min-w-0 max-w-7xl gap-6 px-4 py-6 sm:px-6 lg:grid-cols-[minmax(0,1fr)_minmax(18rem,22rem)]">
|
||||
<section class="glass min-w-0 max-w-full rounded-3xl p-5 sm:p-6 space-y-5">
|
||||
@@ -187,8 +159,6 @@ The next beat. Same clothes as now.
|
||||
[AUDIO CUES]
|
||||
Ambient only.`
|
||||
|
||||
const instanceName = ref(String(useRuntimeConfig().public.instanceName || 'AIGen'))
|
||||
const authEnabled = ref(false)
|
||||
const scripts = ref<DirectorScript[]>([])
|
||||
const selectedId = ref('')
|
||||
const name = ref('')
|
||||
@@ -299,9 +269,6 @@ function dirty() {
|
||||
}
|
||||
|
||||
onMounted(async () => {
|
||||
const me = await $fetch<{ authEnabled?: boolean; instanceName?: string }>('/api/auth/me').catch(() => ({}))
|
||||
authEnabled.value = Boolean(me.authEnabled)
|
||||
instanceName.value = me.instanceName || instanceName.value
|
||||
try {
|
||||
await loadScripts()
|
||||
} catch (err: any) {
|
||||
|
||||
Reference in New Issue
Block a user