Skip to content

Commit

Permalink
docs: add vueconf to banner
Browse files Browse the repository at this point in the history
  • Loading branch information
johnleider committed Oct 30, 2019
1 parent baa9ac5 commit d873669
Show file tree
Hide file tree
Showing 3 changed files with 73 additions and 0 deletions.
69 changes: 69 additions & 0 deletions packages/docs/src/components/core/SystemBar.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
<template>
<v-system-bar
v-if="!hasClosedBanner"
id="core-system-bar"
app
color="black"
dark
window
class="justify-center"
>
<div class="px-6">
<strong>Join us</strong>

&nbsp;at the upcoming VueConf Toronto to learn more about Vuetify v2.0 and more! Use&nbsp;

<a
href="https://vuetoronto.com/tickets"
target="_blank"
>
VUETIFYTO for 15% off!

<v-icon
color="primary"
small
>
mdi-arrow-right
</v-icon>
</a>
</div>

<v-icon
class="core-system-bar__close"
@click="close"
>
mdi-close-circle
</v-icon>
</v-system-bar>
</template>

<script>
export default {
name: 'CoreSystemBar',
data: () => ({
hasClosedBanner: true,
}),
mounted () {
this.hasClosedBanner = localStorage.getItem('vuetify__vueconf_to__banner') === 'true'
},
methods: {
close () {
this.hasClosedBanner = true
localStorage.setItem('vuetify__vueconf_to__banner', true)
},
},
}
</script>

<style lang="sass">
#core-system-bar
a
text-decoration: none
.core-system-bar__close
position: absolute
right: 0
</style>
2 changes: 2 additions & 0 deletions packages/docs/src/layouts/documentation/Index.vue
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
<template>
<v-app>
<core-system-bar />

<documentation-app-bar />

<documentation-drawer />
Expand Down
2 changes: 2 additions & 0 deletions packages/docs/src/layouts/frontend/Index.vue
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
<template>
<v-app>
<core-system-bar />

<frontend-app-bar />

<frontend-view />
Expand Down

0 comments on commit d873669

Please sign in to comment.