feat: logo

This commit is contained in:
2026-02-10 17:54:01 +01:00
parent d11b3c031b
commit 2b934d22f8
7 changed files with 92 additions and 11 deletions

18
app/assets/logo.svg Normal file
View File

@@ -0,0 +1,18 @@
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 176 174"
fill="currentColor"
role="img"
aria-label="Logo">
<path fill-rule="evenodd" d="
M47.0,154.5 L8.5,153.0 L8.5,105.0 L28.0,90.5 L29.0,95.5 L68.0,95.5 L107.5,66.0
L107.5,31.0 L110.0,28.5 L128.0,15.5 L166.0,15.5 L167.5,65.0 L148.0,79.5
L147.0,74.5 L105.0,76.5 L68.5,104.0 L68.5,139.0 Z
M29.0,89.5 L28.5,46.0 L32.0,42.5 L69.0,15.5 L107.5,16.0 L107.5,30.0
L87.5,46.0 L87.0,74.5 L49.0,74.5 Z
M107.0,154.5 L68.5,154.0 L68.5,140.0 L88.5,124.0 L88.5,96.0 L127.0,95.5
L147.0,80.5 L147.5,124.0 Z
"/>
</svg>

After

Width:  |  Height:  |  Size: 611 B

View File

@@ -12,6 +12,7 @@ import {
SheetTrigger,
} from "@/components/ui/sheet";
import { Menu } from "lucide-vue-next";
import LogoSvg from "~/assets/logo.svg?component";
const { t } = useI18n();
const mobileMenuOpen = ref(false);
@@ -30,11 +31,11 @@ const navLinks = [
<div class="flex items-center space-x-4 md:space-x-6">
<NuxtLink
to="/"
class="text-xl font-semibold hover:opacity-80 transition-opacity"
class="inline-flex items-center gap-2 text-lg font-semibold leading-none hover:opacity-80 transition-opacity"
>
helium
<LogoSvg class="block w-8 h-8 shrink-0" />
<span class="leading-none">helium</span>
</NuxtLink>
<!-- Desktop Navigation -->
<nav class="hidden md:flex space-x-4">
<template v-for="link in navLinks" :key="link.to">
<ClientOnly v-if="link.requiresAuth">
@@ -60,7 +61,6 @@ const navLinks = [
</nav>
</div>
<!-- Desktop Right Side -->
<div class="hidden md:flex items-center space-x-4">
<LanguageSwitcher />
<ThemeDropdown />
@@ -74,7 +74,6 @@ const navLinks = [
</ClientOnly>
</div>
<!-- Mobile Menu -->
<div class="md:hidden">
<Sheet v-model:open="mobileMenuOpen">
<SheetTrigger as-child>