feat: complete Week 1 frontend setup (#9 #10 #11 #12)
Some checks failed
Deploy to Coolify / Code Quality (pull_request) Has been cancelled
Deploy to Coolify / Run Tests (pull_request) Has been cancelled
Deploy to Coolify / Deploy to Development (pull_request) Has been cancelled
Deploy to Coolify / Deploy to Production (pull_request) Has been cancelled
Deploy to Coolify / Deploy to Test (pull_request) Has been cancelled
Pull Request Checks / Validate PR (pull_request) Has been cancelled
Some checks failed
Deploy to Coolify / Code Quality (pull_request) Has been cancelled
Deploy to Coolify / Run Tests (pull_request) Has been cancelled
Deploy to Coolify / Deploy to Development (pull_request) Has been cancelled
Deploy to Coolify / Deploy to Production (pull_request) Has been cancelled
Deploy to Coolify / Deploy to Test (pull_request) Has been cancelled
Pull Request Checks / Validate PR (pull_request) Has been cancelled
- Install and configure Tailwind CSS (#9) - Install Nuxt UI component library (#10) - Create app layout with header/footer components (#11) - Implement Supabase client composable (#12) - Add TypeScript database types - Create placeholder pages (index, scan, settings) - Setup responsive navigation with mobile menu - Configure auth state management All Week 1 frontend foundation tasks complete.
This commit is contained in:
40
app/components/AppFooter.vue
Normal file
40
app/components/AppFooter.vue
Normal file
@@ -0,0 +1,40 @@
|
||||
<template>
|
||||
<footer class="bg-white border-t border-gray-200 mt-auto">
|
||||
<div class="container mx-auto px-4 py-6 max-w-7xl">
|
||||
<div class="flex flex-col md:flex-row items-center justify-between gap-4">
|
||||
<!-- Copyright -->
|
||||
<p class="text-sm text-gray-600">
|
||||
© {{ currentYear }} Pantry. Self-hosted inventory management.
|
||||
</p>
|
||||
|
||||
<!-- Links -->
|
||||
<div class="flex items-center space-x-6">
|
||||
<a
|
||||
href="https://github.com/pantry-app/pantry"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="text-sm text-gray-600 hover:text-primary transition-colors"
|
||||
>
|
||||
GitHub
|
||||
</a>
|
||||
<NuxtLink
|
||||
to="/about"
|
||||
class="text-sm text-gray-600 hover:text-primary transition-colors"
|
||||
>
|
||||
About
|
||||
</NuxtLink>
|
||||
<NuxtLink
|
||||
to="/privacy"
|
||||
class="text-sm text-gray-600 hover:text-primary transition-colors"
|
||||
>
|
||||
Privacy
|
||||
</NuxtLink>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
const currentYear = new Date().getFullYear()
|
||||
</script>
|
||||
Reference in New Issue
Block a user