jennie/wiki_ghostguild
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add images; update urls

Browse source
This commit is contained in:
Jennie Robinson Faber 2025-11-15 19:33:36 +00:00
parent ef432e3f74
commit fe3d170dbe
37 changed files with 488 additions and 109 deletions
Download patch file Download diff file Expand all files Collapse all files

37
app/layouts/default.vue
View file

@ -5,14 +5,24 @@
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16">
<div class="flex items-center">
<NuxtLink to="/" class="text-xl font-bold text-gray-900 dark:text-white">
Wiki.GhostGuild
<NuxtLink
to="/"
class="text-xl font-bold text-gray-900 dark:text-white"
>
Ghost Guild Wiki
</NuxtLink>
<div class="ml-10 flex space-x-4">
<NuxtLink to="/articles" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md">
<NuxtLink
to="/articles"
class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md"
>
Articles
</NuxtLink>
<NuxtLink v-if="isAuthenticated" to="/articles/new" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md">
<NuxtLink
v-if="isAuthenticated"
to="/articles/new"
class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md"
>
New Article
</NuxtLink>
</div>
@ -20,12 +30,21 @@
<div class="flex items-center space-x-4">
<div v-if="isAuthenticated" class="flex items-center space-x-4">
<span class="text-gray-700 dark:text-gray-300">{{ user?.displayName }}</span>
<button @click="logout" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white">
<span class="text-gray-700 dark:text-gray-300">{{
user?.displayName
}}</span>
<button
@click="logout"
class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white"
>
Logout
</button>
</div>
<button v-else @click="login" class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700">
<button
v-else
@click="login"
class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700"
>
Login
</button>
</div>
@ -41,5 +60,5 @@
</template>
<script setup>
const { user, isAuthenticated, login, logout } = useAuth()
</script>
const { user, isAuthenticated, login, logout } = useAuth();
</script>