mirrors/Hyperpipe
1
0
Fork 0
mirror of https://codeberg.org/Hyperpipe/Hyperpipe synced 2025-06-27 12:48:01 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add new logo to NavBar

Browse source
This commit is contained in:
Denevola 2022-09-17 15:53:27 +02:00
parent a2e5cadab0
commit 227a2558fb
1 changed files with 12 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/NavBar.vue
View file

@ -32,7 +32,12 @@ function set(page) {
<template>
<nav>
<h1 class="bi bi-vinyl" @click="home"></h1>
<h1 class="bi" @click="home">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path d="M5.097 13.097a2.904 2.904 0 0 1 5.806 0A2.905 2.905 0 0 1 8 16a2.905 2.905 0 0 1-2.903-2.903Z"/>
<path d="M2.194 11.618a1.614 1.614 0 1 0 2.258 1.479c0-.661-.399-1.23-.968-1.479v-4.87l3.097 2.065v-4.31l1.432-2.18 1.406 2.09v4.4l3.097-2.065v4.87a1.614 1.614 0 1 0 2.258 1.479c0-.661-.398-1.23-.968-1.479v-7.27L10.71 6.413v-2.4L7.987 0 5.29 4.116v2.297L2.194 4.348v7.27Z"/>
</svg>
</h1>
<div class="wrap">
<span
@ -67,9 +72,15 @@ nav {
align-items: center;
}
h1.bi {
display: flex;
font-size: calc(1.75rem + 1.5vw);
padding-bottom: 0;
}
h1.bi svg {
width: calc(1.75rem + 1.5vw);
height: auto;
fill: currentColor;
}
.bi {
font-size: calc(1rem + 1.5vw);
}