41 lines
1.5 KiB
Vue
41 lines
1.5 KiB
Vue
|
<script setup>
|
||
|
|
import { Link } from '@inertiajs/vue3';
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="flex min-h-screen flex-col">
|
||
|
|
<header class="border-b border-slate-200 bg-white">
|
||
|
|
<div class="mx-auto flex h-14 w-full max-w-5xl items-center justify-between px-4">
|
||
|
|
<Link
|
||
|
|
href="/prompts"
|
||
|
|
class="text-base font-semibold tracking-tight text-slate-900"
|
||
|
|
>
|
||
|
|
⚡ PromptVault
|
||
|
|
</Link>
|
||
|
|
<nav class="flex items-center gap-2">
|
||
|
|
<Link
|
||
|
|
href="/prompts"
|
||
|
|
class="rounded-md px-2.5 py-1.5 text-sm text-slate-600 hover:bg-slate-100 hover:text-slate-900"
|
||
|
|
>
|
||
|
|
Prompts
|
||
|
|
</Link>
|
||
|
|
<Link
|
||
|
|
href="/prompts/create"
|
||
|
|
class="rounded-md bg-slate-900 px-3 py-1.5 text-sm font-medium text-white hover:bg-slate-700"
|
||
|
|
>
|
||
|
|
+ New Prompt
|
||
|
|
</Link>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
<main class="mx-auto w-full max-w-5xl flex-1 px-4 py-6">
|
||
|
|
<slot />
|
||
|
|
</main>
|
||
|
|
<footer class="border-t border-slate-200 bg-white">
|
||
|
|
<div class="mx-auto w-full max-w-5xl px-4 py-3 text-xs text-slate-500">
|
||
|
|
Local-first prompt library · Laravel · Vue · SQLite
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
</div>
|
||
|
|
</template>
|