teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

feat: dev indicator (#183)

Browse source
This commit is contained in:
Shinigami 2022-11-27 17:57:16 +01:00 committed by GitHub
parent 72d40edbb6
commit 75aaf85e84
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app.vue
View file

@ -2,7 +2,7 @@
import { APP_NAME } from './constants' import { APP_NAME } from './constants'
useHead({ useHead({
titleTemplate: title => `${title ? `${title} | ` : ''}${APP_NAME}${import.meta.env.DEV ? ' (dev)' : ''}`, titleTemplate: title => `${title ? `${title} | ` : ''}${APP_NAME}${import.meta.env.DEV ? ' (dev)' : window.location.hostname.includes('deploy-preview') ? '(preview)' : ''}`,
link: [ link: [
{ {
rel: 'icon', type: 'image/svg+png', href: '/favicon.png', rel: 'icon', type: 'image/svg+png', href: '/favicon.png',

6
components/nav/NavTitle.vue
View file

@ -1,9 +1,13 @@
<script setup>
const sub = import.meta.env.DEV ? 'dev' : window.location.hostname.includes('deploy-preview') ? 'preview' : 'alpha'
</script>
<template> <template>
<!-- Use external to force refresh page and jump to top of timeline --> <!-- Use external to force refresh page and jump to top of timeline -->
<NuxtLink flex px3 py2 items-center text-2xl gap-2 hover:bg-active focus-visible:ring="2 current" rounded-full to="/" external> <NuxtLink flex px3 py2 items-center text-2xl gap-2 hover:bg-active focus-visible:ring="2 current" rounded-full to="/" external>
<img aria-label="Elk Logo" src="/logo.svg" w-10 h-10> <img aria-label="Elk Logo" src="/logo.svg" w-10 h-10>
<div> <div>
Elk <sup text-sm italic text-secondary mt-1>alpha</sup> Elk <sup text-sm italic text-secondary mt-1>{{ sub }}</sup>
</div> </div>
</NuxtLink> </NuxtLink>
</template> </template>