atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-03-09 08:29:30 -06:00
Code Issues Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
David Haz
2025-07-10 22:10:54 +03:00
parent 77a588ea56
commit 8866f339c2
17 changed files with 242 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/demo/Animations/AnimatedContentDemo.vue
View File

@@ -5,7 +5,7 @@
<div class="demo-container relative py-6 overflow-hidden">
<RefreshButton @click="forceRerender" />
<div :key="key" class="flex justify-center items-center h-96">
<div :key="key" class="flex justify-center items-center">
<AnimatedContent :direction="direction" :delay="delay" :distance="distance" :reverse="reverse"
:duration="duration" :ease="ease" :initial-opacity="initialOpacity" :animate-opacity="animateOpacity"
:scale="scale" :threshold="threshold" @complete="() => console.log('✅ Animation Complete!')">

2
src/demo/Backgrounds/AuroraDemo.vue
View File

@@ -4,7 +4,7 @@
<template #preview>
<div class="demo-container">
<Aurora :color-stops="colorStops" :amplitude="amplitude" :blend="blend" :speed="speed"
:intensity="intensity" class="w-full h-96" />
:intensity="intensity" class="w-full" />
</div>
<Customize>

2
src/demo/Backgrounds/LetterGlitchDemo.vue
View File

@@ -10,7 +10,7 @@
:center-vignette="showCenterVignette"
:outer-vignette="showOuterVignette"
:smooth="smooth"
class="w-full h-96"
class="w-full h-full"
/>
</div>

2
src/demo/Backgrounds/LightningDemo.vue
View File

@@ -4,7 +4,7 @@
<template #preview>
<div class="demo-container">
<Lightning :hue="hue" :x-offset="xOffset" :speed="speed" :intensity="intensity"
:size="size" class="w-full h-96" />
:size="size" class="w-full h-full" />
</div>
<Customize>

2
src/demo/Backgrounds/ParticlesDemo.vue
View File

@@ -6,7 +6,7 @@
<Particles :key="rerenderKey" :particle-colors="[color]" :particle-count="particleCount"
:particle-spread="particleSpread" :speed="speed" :particle-base-size="baseSize"
:move-particles-on-hover="moveParticlesOnHover" :alpha-particles="alphaParticles"
:disable-rotation="disableRotation" class="w-full h-96" />
:disable-rotation="disableRotation" class="w-full h-full" />
</div>
<Customize>

2
src/demo/Backgrounds/SilkDemo.vue
View File

@@ -4,7 +4,7 @@
<template #preview>
<div class="demo-container">
<Silk :speed="speed" :scale="scale" :color="color" :noise-intensity="noiseIntensity" :rotation="rotation"
class="w-full h-96" />
class="w-full h-full" />
</div>
<Customize>

2
src/demo/Backgrounds/WavesDemo.vue
View File

@@ -3,7 +3,7 @@
<TabbedLayout>
<template #preview>
<div class="demo-container">
<Waves :wave-speed-x="waveSpeedX" :line-color="color" class="w-full h-96" />
<Waves :wave-speed-x="waveSpeedX" :line-color="color" class="w-full h-full" />
</div>
<Customize>

2
src/demo/Components/CardSwapDemo.vue
View File

@@ -14,7 +14,7 @@
</p>
</div>
<div class="w-full lg:w-1/2 h-96 lg:h-full relative">
<div class="w-full lg:w-1/2 h-full lg:h-full relative">
<CardSwap :key="rerenderKey" :width="500" :height="400" :card-distance="cardDistance"
:vertical-distance="verticalDistance" :delay="delay" :skew-amount="skewAmount" :easing="easing"
:pause-on-hover="pauseOnHover" @card-click="handleCardClick">