ADD: Title in navbar

This commit is contained in:
Robert Kossessa
2024-01-24 01:29:17 +01:00
parent fa0a059dc5
commit af5ef844f8
2 changed files with 16 additions and 8 deletions

View File

@@ -1,6 +1,10 @@
<template> <template>
<div class="flex"> <div class="flex">
<Menubar class="w-full rounded-none bg-zinc-950"> <Menubar class="w-full h-20 rounded-none bg-zinc-950 border-l-0">
<div class="p-8">
<h1 class="text-3xl">ZERO/ONE</h1>
<p class="text-xs text-muted-foreground">Haptic Configuration Tool</p>
</div>
<MenubarMenu> <MenubarMenu>
<MenubarTrigger v-t="'navbar.device.title'" /> <MenubarTrigger v-t="'navbar.device.title'" />
<MenubarContent> <MenubarContent>

View File

@@ -1,13 +1,17 @@
<template> <template>
<div> <div>
<div class="p-4"> <div
class="px-4 h-20 flex items-center"
@mouseenter="$refs.configPaneTitle.scramble(0.15, 100)">
<div>
<h1 class="text-lg"> <h1 class="text-lg">
<ScrambleText :text="$t('profiles.title')" /> <ScrambleText ref="configPaneTitle" class="align-middle" :text="$t(`profiles.title`)" />
</h1> </h1>
<p class="text-xs text-muted-foreground"> <p class="text-xs text-muted-foreground">
{{ $t('profiles.subtitle') }} {{ $t(`profiles.subtitle`) }}
</p> </p>
</div> </div>
</div>
<Separator /> <Separator />
<Pop /> <Pop />
<DeviceBar /> <DeviceBar />