Realigned header items.

This commit is contained in:
ThePendulum 2020-03-08 04:31:19 +01:00
parent 131100d6e6
commit 240b203ec0
1 changed files with 8 additions and 3 deletions

View File

@ -1,6 +1,6 @@
<template> <template>
<header class="header"> <header class="header">
<div> <div class="header-nav">
<router-link <router-link
to="/home" to="/home"
class="logo-link" class="logo-link"
@ -106,6 +106,11 @@ export default {
font-size: 0; font-size: 0;
} }
.header-nav {
display: flex;
align-items: center;
}
.logo-link { .logo-link {
color: inherit; color: inherit;
display: inline-block; display: inline-block;
@ -114,8 +119,8 @@ export default {
.logo { .logo {
display: inline-block; display: inline-block;
padding: 0 0 0 1rem; padding: .75rem 0 .75rem 1rem;
margin: 0 .5rem 0 0; margin: 0 1rem 0 0;
.icon { .icon {
width: 6rem; width: 6rem;