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

Add prettier config, format codebase

Browse Source
This commit is contained in:
David Haz
2025-07-12 11:59:33 +03:00
parent ac8b2c04d8
commit f4d97ee94e
211 changed files with 10586 additions and 8810 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/demo/Components/SpotlightCardDemo.vue
View File

@@ -6,9 +6,9 @@
<SpotlightCard class-name="custom-spotlight-card">
<div class="flex h-full flex-col items-start justify-center">
<i class="pi pi-star-fill text-4xl mb-3 text-white"></i>
<h3 class="text-2xl font-semibold tracking-tight mb-1 text-white">
Boost Your Experience
</h3>
<h3 class="text-2xl font-semibold tracking-tight mb-1 text-white">Boost Your Experience</h3>
<p class="text-sm text-zinc-400">
Get exclusive benefits, features & 24/7 support as a permanent club member.
</p>
@@ -17,13 +17,14 @@
</div>
<h2 class="text-xl font-semibold text-white mb-4 mt-8">Custom Color</h2>
<div class="demo-container relative py-10">
<SpotlightCard class-name="custom-spotlight-card" spotlight-color="rgba(39, 255, 100, 0.326)">
<div class="flex h-full flex-col items-start justify-center">
<i class="pi pi-lock text-3xl mb-3 text-white"></i>
<h3 class="text-2xl font-semibold tracking-tight mb-1 text-white">
Enhanced Security
</h3>
<h3 class="text-2xl font-semibold tracking-tight mb-1 text-white">Enhanced Security</h3>
<p class="text-sm text-zinc-400">
Our state of the art software offers peace of mind through strict security measures.
</p>
@@ -46,27 +47,27 @@
</template>
<script setup lang="ts">
import TabbedLayout from '../../components/common/TabbedLayout.vue'
import PropTable from '../../components/common/PropTable.vue'
import CliInstallation from '../../components/code/CliInstallation.vue'
import CodeExample from '../../components/code/CodeExample.vue'
import SpotlightCard from '../../content/Components/SpotlightCard/SpotlightCard.vue'
import { spotlightCard } from '@/constants/code/Components/spotlightCardCode'
import TabbedLayout from '../../components/common/TabbedLayout.vue';
import PropTable from '../../components/common/PropTable.vue';
import CliInstallation from '../../components/code/CliInstallation.vue';
import CodeExample from '../../components/code/CodeExample.vue';
import SpotlightCard from '../../content/Components/SpotlightCard/SpotlightCard.vue';
import { spotlightCard } from '@/constants/code/Components/spotlightCardCode';
const propData = [
{
name: 'spotlightColor',
type: 'string',
default: 'rgba(255, 255, 255, 0.25)',
description: 'Controls the color of the radial gradient used for the spotlight effect.',
description: 'Controls the color of the radial gradient used for the spotlight effect.'
},
{
name: 'className',
type: 'string',
default: '',
description: 'Allows adding custom classes to the component.',
description: 'Allows adding custom classes to the component.'
}
]
];
</script>
<style>