burkkyy/calebburke.dev
1
0
Fork 0
generated from alphane/template
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Prepping public app bar for mobile view

Browse Source
This commit is contained in:
Caleb Burke
2026-07-15 00:45:28 -07:00
parent 3468df3782
commit a0d5a7ec68
1 changed files with 36 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/layout/PublicAppBar.vue
+36 -14
View File
@@ -1,27 +1,49 @@
<template> <template>
<v-app-bar <div v-if="mobile">
id="top" <v-app-bar
elevation="6" id="top"
height="60" elevation="6"
class="main-head pl-2" height="60"
> class="main-head pl-2"
<div class="mr-3"> >
<PublicAppLogo <div class="mr-3">
to="/" <PublicAppLogo
:animated="isHomePage" to="/"
/> :animated="isHomePage"
</div> />
</div>
<v-spacer /> <v-spacer />
</v-app-bar> </v-app-bar>
</div>
<div v-else>
<v-app-bar
id="top"
elevation="6"
height="60"
class="main-head pl-2"
>
<div class="mr-3">
<PublicAppLogo
to="/"
:animated="isHomePage"
/>
</div>
<v-spacer />
</v-app-bar>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { computed } from "vue" import { computed } from "vue"
import { useRoute } from "vue-router" import { useRoute } from "vue-router"
import { useDisplay } from "vuetify"
import PublicAppLogo from "@/components/common/PublicAppLogo.vue" import PublicAppLogo from "@/components/common/PublicAppLogo.vue"
const route = useRoute() const route = useRoute()
const isHomePage = computed(() => route.name === "HomePage") const isHomePage = computed(() => route.name === "HomePage")
const { mobile } = useDisplay()
</script> </script>