FIX: ScrambleText bug

IT IS SO SATISFYING 😍
This commit is contained in:
Robert Kossessa
2024-01-24 03:32:30 +01:00
parent c78eb91855
commit f73e8f3959
6 changed files with 60 additions and 42 deletions

View File

@@ -1,14 +1,13 @@
<template>
<div>
<div
class="px-6 h-20 flex items-center bg-zinc-900 bg-opacity-40"
@mouseenter="$refs.configPaneTitle.scramble(0.15, 100)">
class="px-6 h-20 flex items-center bg-zinc-900 bg-opacity-40">
<div>
<h1 class="text-lg">
<ScrambleText ref="configPaneTitle" class="align-middle" :text="$t(`config_options.${page}.title`)" />
<ScrambleText class="align-middle" :text="$t(`config_options.${page}.title`)" />
</h1>
<p class="text-xs text-muted-foreground">
{{ $t(`config_options.${page}.subtitle`) }}
<ScrambleText class="align-middle" :text="$t(`config_options.${page}.subtitle`)" :replace-interval="5" />
</p>
</div>
</div>