bitstream/fuel-alert
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Show site footer on dashboard pages and trim footer links

Browse Source 
Render the shared SiteFooter in DashboardLayout so it appears on every
dashboard page (overview, saved stations, preferences, settings) from a
single source. Content area grows to pin the footer to the bottom on
short pages.

Trim the footer Product column to real anchors and drop the dead-link
Resources column.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ovidiu U
2026-06-10 12:40:51 +01:00
parent a841a7c900
commit 5bd909d227
2 changed files with 6 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
resources/js/components/landing/SiteFooter.vue
View File

@@ -26,19 +26,8 @@
<h5 class="font-black text-xs text-zinc-800 tracking-widest">Product</h5> <h5 class="font-black text-xs text-zinc-800 tracking-widest">Product</h5>
<ul class="space-y-2 text-sm text-zinc-500"> <ul class="space-y-2 text-sm text-zinc-500">
<li><RouterLink class="hover:text-accent transition-colors" to="/pricing">Pricing</RouterLink></li> <li><RouterLink class="hover:text-accent transition-colors" to="/pricing">Pricing</RouterLink></li>
<li><a class="hover:text-accent transition-colors" href="#features">Features</a></li> <li><a class="hover:text-accent transition-colors" href="#how-it-works">How it works</a></li>
<li><a class="hover:text-accent transition-colors" href="#">FuelAlert Pro</a></li> <li><a class="hover:text-accent transition-colors" href="#features">Why it works</a></li>
<li><a class="hover:text-accent transition-colors" href="#">Enterprise API</a></li>
</ul>
</div>
<div class="space-y-4">
<h5 class="font-black text-xs text-zinc-800 tracking-widest">Resources</h5>
<ul class="space-y-2 text-sm text-zinc-500">
<li><a class="hover:text-accent transition-colors" href="#">Market Insights</a></li>
<li><a class="hover:text-accent transition-colors" href="#">How We Track</a></li>
<li><a class="hover:text-accent transition-colors" href="#">Help Center</a></li>
<li><a class="hover:text-accent transition-colors" href="#">Driver Safety</a></li>
</ul> </ul>
</div> </div>

5
resources/js/views/dashboard/DashboardLayout.vue
View File

@@ -64,7 +64,7 @@
</div> </div>
</nav> </nav>
<div class="flex pt-20 max-w-7xl mx-auto w-full px-6 py-8 gap-8"> <div class="flex flex-1 pt-20 max-w-7xl mx-auto w-full px-6 py-8 gap-8">
<!-- Sidebar --> <!-- Sidebar -->
<aside class="w-56 flex-shrink-0 hidden md:block"> <aside class="w-56 flex-shrink-0 hidden md:block">
<nav class="space-y-1"> <nav class="space-y-1">
@@ -88,6 +88,8 @@
<RouterView /> <RouterView />
</main> </main>
</div> </div>
<SiteFooter />
</div> </div>
</template> </template>
@@ -95,6 +97,7 @@
import { ref, computed, onMounted, onUnmounted } from 'vue' import { ref, computed, onMounted, onUnmounted } from 'vue'
import { RouterLink, RouterView, useRoute, useRouter } from 'vue-router' import { RouterLink, RouterView, useRoute, useRouter } from 'vue-router'
import { useAuth } from '../../composables/useAuth.js' import { useAuth } from '../../composables/useAuth.js'
import SiteFooter from '../../components/landing/SiteFooter.vue'
const { user } = useAuth() const { user } = useAuth()
const route = useRoute() const route = useRoute()