💄 (app) add a more specific favicon
This commit is contained in:
@@ -1,3 +1,5 @@
|
|||||||
# loopycode
|
# loopycode
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
|
[Loop icons created by Dreamstale - Flaticon](https://www.flaticon.com/free-icons/loop)
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" href="/favicon.ico" />
|
<link rel="icon" href="/loop.png" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Loopycode</title>
|
<title>Loopycode</title>
|
||||||
</head>
|
</head>
|
||||||
|
|||||||
BIN
public/loop.png
Normal file
BIN
public/loop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
16
src/App.vue
16
src/App.vue
@@ -5,11 +5,23 @@ import { RouterLink, RouterView } from 'vue-router'
|
|||||||
<template>
|
<template>
|
||||||
<header>
|
<header>
|
||||||
<nav>
|
<nav>
|
||||||
<router-link class="title is-3" to="/">Loopycode</router-link>
|
<router-link class="title is-3" to="/">
|
||||||
|
<img class="logo" src="/public/loop.png" alt="Loopycode" />
|
||||||
|
</router-link>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<RouterView />
|
<RouterView />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped></style>
|
<style scoped>
|
||||||
|
nav {
|
||||||
|
margin: 1rem 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.logo {
|
||||||
|
max-width: 40px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user