-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
app.vue
22 lines (22 loc) · 945 Bytes
/
app.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<template>
<div class="flex flex-col min-h-screen">
<header class="sticky top-0 z-50 w-full backdrop-blur flex-none border-b border-gray-900/10 dark:border-gray-50/[0.06] bg-white/75 dark:bg-gray-900/75">
<UContainer class="py-3 flex items-center justify-between">
<div class="flex items-end gap-1.5 font-bold text-xl text-gray-900 dark:text-white">
<Icon name="logos:nuxt-icon" class="w-8 h-8" />
Nuxt
<div class="text-primary-500 dark:text-primary-400">OG Image Playground</div>
</div>
<ColorModeButton />
</UContainer>
</header>
<main class="min-h-full h-full flex-grow">
<UContainer class="mt-4">
<NuxtPage />
</UContainer>
</main>
<footer class="text-sm text-gray-700 flex justify-center items-center py-5">
Made by <UAvatar src="https://avatars.githubusercontent.com/u/5326365?v=4" size="xs" class="w-5 h-5 mx-1" /> Harlan Wilton
</footer>
</div>
</template>