Better HTML5 Semantic on Header.vue

This commit is contained in:
2020-12-06 16:06:28 +01:00
parent 7893b25910
commit 6ce69867ef

View File

@@ -1,10 +1,10 @@
<template> <template>
<nav id="header" class="main-nav"> <header id="header" class="main-nav">
<router-link to="/"> <router-link to="/">
<img src="https://www.cycloid.io/themes/cycloid/images/owl_logo.png" alt="Cycloid.io" /> <img src="https://www.cycloid.io/themes/cycloid/images/owl_logo.png" alt="Cycloid.io" />
<h1>Fruits</h1> <h1>Fruits</h1>
</router-link> </router-link>
</nav> </header>
</template> </template>
<script> <script>
@@ -14,7 +14,7 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
nav { header {
background-color: @secondary-color; background-color: @secondary-color;
padding: 0.5rem; padding: 0.5rem;
box-shadow: 0 0px 14px 0px #cecece; box-shadow: 0 0px 14px 0px #cecece;