matei/zeroone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ADD: Logo interaction

Browse Source
This commit is contained in:
Robert Kossessa
2024-01-24 16:26:45 +01:00
parent 6394fa9f43
commit f445edfaa6
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Navbar.vue
View File

@@ -1,14 +1,19 @@
<template> <template>
<div class="flex"> <div class="flex">
<Menubar class="w-full h-20 rounded-none bg-zinc-950 border-l-0"> <Menubar class="w-full h-20 rounded-none bg-zinc-950 border-l-0">
<div class="p-2 min-w-48"> <div class="p-2 min-w-48" @click="$refs.zerooneSubtitle.scramble(1,100,0); $refs.zerooneTitle.scramble(1,100,0)">
<h1 class="text-3xl"> <h1 class="text-3xl">
<ScrambleText <ScrambleText
text="ZERO/ONE" scramble-on-mount :scramble-amount="1" :fill-interval="100" ref="zerooneTitle"
:replace-interval="100" /> text=" ZERO/ONE" scramble-on-mount :scramble-amount="1" :fill-interval="100"
:replace-interval="100"
/>
</h1> </h1>
<p class="text-xs text-muted-foreground"> <p class="text-xs text-muted-foreground">
<ScrambleText text="Haptic Configuration Tool" scramble-on-mount scramble-amount="1" fill-interval="35" replace-interval="40" /> <ScrambleText
ref="zerooneSubtitle"
text="Haptic Configuration Tool" scramble-on-mount scramble-amount="1" fill-interval="35"
replace-interval="40" />
</p> </p>
</div> </div>
<MenubarMenu> <MenubarMenu>