Skip to content
Permalink
Browse files

layouts

  • Loading branch information...
jeffreybiles committed Oct 13, 2019
1 parent c847095 commit b9885985f673d5cc7742cd2c0fd97e8890bfb5d6
Showing with 66 additions and 1 deletion.
  1. +31 −1 layouts/default.vue
  2. +20 −0 layouts/theatre.vue
  3. +15 −0 pages/theatre.vue
@@ -1,10 +1,40 @@
<template>
<div>
<nuxt />
<div id="navbar">
<div class="navbar-links">
<nuxt-link to="/">Home</nuxt-link>
<nuxt-link to="/videos">Videos</nuxt-link>
</div>
</div>
<div id="default-body">
<nuxt />
</div>
</div>
</template>

<style>
#navbar {
height: 40px;
width: 100%;
background-color: #333;
}
#navbar .navbar-links {
max-width: 800px;
margin: auto;
}
#navbar a {
color: white;
text-decoration: none;
margin-right: 10px;
}
#default-body {
max-width: 800px;
margin: auto;
}
html {
font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI',
Roboto, 'Helvetica Neue', Arial, sans-serif;
@@ -0,0 +1,20 @@
<template>
<div>
<div id="theatre-body">
<nuxt />
</div>
</div>
</template>

<script>
export default {
}
</script>

<style scoped>
#theatre-body {
background-color: black;
color: white;
}
</style>
@@ -0,0 +1,15 @@
<template>
<div>
<h1>In Theatre</h1>
</div>
</template>

<script>
export default {
layout: 'theatre'
}
</script>

<style scoped>
</style>

0 comments on commit b988598

Please sign in to comment.
You can’t perform that action at this time.