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