feat: add avatar to header and align header left

This commit is contained in:
Sebin Nyshkim 2020-03-26 12:08:09 +01:00
parent ca2c9a37a8
commit e9da362dfe

View file

@ -1,8 +1,11 @@
<template> <template>
<div id="app"> <div id="app">
<header> <header>
<h1>{{ appName }}</h1> <img src="/img/sebin-smug-icon.png" alt="Sebin Avatar" />
<h2>{{ appSubtitle }}</h2> <div>
<h1>{{ appName }}</h1>
<h2>{{ appSubtitle }}</h2>
</div>
</header> </header>
<section> <section>
@ -349,7 +352,16 @@ export default {
} }
header { header {
text-align: center; display: flex;
img {
flex: 0 1 20%;
}
div {
flex: 0 1 80%;
padding-left: 1em;
}
h1 { h1 {
font-size: 2.2em; font-size: 2.2em;