benny/wishlist-app
1
0
Fork 0
mirror of https://github.com/ThisIsBenny/wishlist-app.git synced 2025-04-19 23:37:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add home icon to header

Browse source 
Signed-off-by: Benny Samir Hierl <bennysamir@posteo.de>
This commit is contained in:
Benny Samir Hierl 2022-02-19 22:27:42 +01:00
parent 7d4810c71f
commit 11dd8e0b05
3 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
components.d.ts vendored
View file

@ -14,6 +14,7 @@ declare module 'vue' {
IconCreation: typeof import('./src/components/icons/IconCreation.vue')['default']
IconDelete: typeof import('./src/components/icons/IconDelete.vue')['default']
IconError: typeof import('./src/components/icons/IconError.vue')['default']
IconHome: typeof import('./src/components/icons/IconHome.vue')['default']
IconImagePlaceholder: typeof import('./src/components/icons/IconImagePlaceholder.vue')['default']
IconLightDark: typeof import('./src/components/icons/IconLightDark.vue')['default']
IconLink: typeof import('./src/components/icons/IconLink.vue')['default']

7
src/components/Header.vue
View file

@ -1,16 +1,19 @@
<template>
<header
class="mb-4 flex flex-row items-center justify-end space-x-2 opacity-60"
class="mb-4 flex flex-row items-center space-x-2 opacity-60 sm:justify-end"
>
<div
v-if="isAuthenticated"
class="mr-4 inline-flex cursor-pointer items-center space-x-1"
class="mr-4 inline-flex grow cursor-pointer items-center space-x-1"
@click="() => toggle()"
>
<IconToggleOn v-if="editMode" class="h-6 w-6 fill-emerald-700" />
<IconToggleOff v-else class="h-6 w-6 cursor-pointer fill-current" />
<span>{{ t('components.header.edit-mode.text') }}</span>
</div>
<router-link to="/">
<IconHome class="h-6 w-6 cursor-pointer fill-current"></IconHome>
</router-link>
<div @click="() => toggleDark()">
<IconLightDark class="h-6 w-6 cursor-pointer fill-current" />
</div>

5
src/components/icons/IconHome.vue Normal file
View file

@ -0,0 +1,5 @@
<template>
<svg viewBox="0 0 24 24">
<path d="M10 20v-6h4v6h5v-8h3L12 3L2 12h3v8h5z"></path>
</svg>
</template>