kamilniemczycki/kamilcraft.com
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

Add link to logo path & update style

Browse Source
This commit is contained in:
Kamil Niemczycki 2021-04-25 20:25:17 +02:00
parent 49a143f5b7
commit b9bb73bba7
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Navigation.vue
View File

@ -1,6 +1,8 @@
<template> <template>
<div id="nav"> <div id="nav">
<router-link to="/">
<img id="nav-logo" alt="KamilCraft.com logo" :src="`${publicPath}assets/logo.png`"> <img id="nav-logo" alt="KamilCraft.com logo" :src="`${publicPath}assets/logo.png`">
</router-link>
<ul id="menu"> <ul id="menu">
<li class="menu-element"><router-link to="/">Strona główna</router-link></li> <li class="menu-element"><router-link to="/">Strona główna</router-link></li>
<li class="menu-element"><router-link to="/projects">Projekty</router-link></li> <li class="menu-element"><router-link to="/projects">Projekty</router-link></li>
@ -10,6 +12,9 @@
</template> </template>
<style lang="scss"> <style lang="scss">
a {
text-decoration: none;
}
#nav { #nav {
display: flex; display: flex;
max-width: 1000px; max-width: 1000px;
@ -19,6 +24,7 @@
padding: 5px 30px; padding: 5px 30px;
#nav-logo { #nav-logo {
display: block;
object-fit: cover; object-fit: cover;
height: 50px; height: 50px;
} }
@ -26,6 +32,7 @@
#menu { #menu {
display: flex; display: flex;
list-style: none; list-style: none;
margin: 0;
.menu-element { .menu-element {
display: block; display: block;
@ -37,6 +44,8 @@
} }
a { a {
display: block;
line-height: 50px;
font-weight: bold; font-weight: bold;
color: #2c3e50; color: #2c3e50;