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
14
src/App.vue
14
src/App.vue
|
@ -1,8 +1,11 @@
|
|||
<template>
|
||||
<div id="app">
|
||||
<header>
|
||||
<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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue