daniel/Personal_Website
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add small header bar for non-home page

Browse Source
This commit is contained in:
Daniel_I_Am 2021-09-02 13:50:47 +02:00
parent 5c98a21e1c
commit 4e90e93517
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
resources/js/components/PageHeader.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="home-header"> <div :class="{ 'home-header': isHome, 'header': !isHome }">
<div class="container"> <div class="container">
<header> <header>
<router-link class="brand" :to="{ name: 'index' }"> <router-link class="brand" :to="{ name: 'index' }">
@ -15,7 +15,7 @@
</nav> </nav>
</header> </header>
<section class="hero"> <section class="hero" v-if="isHome">
<h1>I'm Daniel, junior software engineer</h1> <h1>I'm Daniel, junior software engineer</h1>
<p> <p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Lorem ipsum dolor sit amet consectetur, adipisicing elit.
@ -26,7 +26,7 @@
</section> </section>
</div> </div>
<div class="wave"> <div class="wave" v-if="isHome">
<svg <svg
preserveAspectRatio="none" preserveAspectRatio="none"
width="1440" width="1440"
@ -47,6 +47,11 @@ import SiteNav from './SiteNav.vue';
export default { export default {
components: { components: {
SiteNav, SiteNav,
},
computed: {
isHome() {
return this.$route.name === 'index';
} }
},
} }
</script> </script>