💄 (app) add a more specific favicon

This commit is contained in:
Julien Calixte
2023-04-15 17:27:57 +02:00
parent 46b1ddcf3c
commit c2796c8e14
4 changed files with 17 additions and 3 deletions

View File

@@ -1,3 +1,5 @@
# loopycode # loopycode
![standadized-work](standardized-work.png) ![standadized-work](standardized-work.png)
[Loop icons created by Dreamstale - Flaticon](https://www.flaticon.com/free-icons/loop)

View File

@@ -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

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

View File

@@ -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>