Realigned header items.

This commit is contained in:
2020-03-08 04:31:19 +01:00
parent 131100d6e6
commit 240b203ec0

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;