~jshsj/recipes_frontend

1cf15491a4dbfcb626003b565bfbff51ff915ff2 — JSH 1 year, 10 months ago 9d460b2 master
Minor fixed to layout and updating the links
3 files changed, 21 insertions(+), 28 deletions(-)

M components/RecipeList.vue
M layouts/default.vue
M pages/index.vue
M components/RecipeList.vue => components/RecipeList.vue +1 -0
@@ 127,6 127,7 @@ $color-darker: rgb(114, 38, 0);
.filter-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.category-button {

M layouts/default.vue => layouts/default.vue +19 -27
@@ 2,20 2,15 @@
  <div>
    <nuxt/>
    <footer class="footer layout">
      <a href="https://joshuastuebner.com/#datenschutz">Datenschutz</a>
      <a href="https://joshuastuebner.com/#impressum">Impressum</a>
      <a href="https://joshuastuebner.com/datenschutz">Datenschutz</a>
      <a href="https://joshuastuebner.com/impressum">Impressum</a>
    </footer>
  </div>


</template>

<script>

export default {
  components: {
  }
  
  components: {}
}
</script>



@@ 77,12 72,11 @@ h6 {
  h1 {
    font-size: 56px;
  }
  
  @media screen and (max-width:768px) {

  @media screen and (max-width: 768px) {
    h1 {
      font-size: 40px;
    }
    
  }
}



@@ 94,23 88,21 @@ h6 {
  margin-top: 50px;

  a {

    text-decoration: none;
  color: $color-contrast;
  color: $color-main;
  padding: 0px 15px;
  height: 40px;
  font-size: 14px;
  display: flex;
  line-height: 40px;
  margin-left:15px;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  
  &:hover {
    color: $color-lighter;
  }
  }
    color: $color-contrast;
    color: $color-main;
    padding: 0px 15px;
    height: 40px;
    font-size: 14px;
    display: flex;
    line-height: 40px;
    margin-left: 15px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;

    &:hover {
      color: $color-lighter;
    }
  }
}
</style>

M pages/index.vue => pages/index.vue +1 -1
@@ 3,7 3,7 @@
    <div class="header layout">
    <h1>Joshua hat gekocht</h1>
   <p>Ich koche gerne. Hier sind Rezepte von mir, die höchstwahrscheinlich nicht das Ende sind, sondern einfach Auszüge. Für mich, für dich, für eben jeden, der damit etwas anfangen kann. 
   <p class="share">Willst du was sagen? Schreib mir 'ne Mail an <a href="mailto:recipes@joshuastuebner.com">rezepte@joshuastuebner</a>.</p>  
   <p class="share">Willst du was sagen? Schreib mir 'ne Mail an <a href="mailto:rezeptre@joshuastuebner.com">rezepte@joshuastuebner</a>.</p>  
    </div>
    <RecipeList :recipeList="recipeList" :categories="categories"/>
  </div>