feat: add avatar to header and align header left
This commit is contained in:
parent
ca2c9a37a8
commit
e9da362dfe
1 changed files with 15 additions and 3 deletions
18
src/App.vue
18
src/App.vue
|
@ -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;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue