forked from BRETT/BRETT
Initial Commit
This commit is contained in:
@@ -0,0 +1,16 @@
|
||||
<script setup lang="ts">
|
||||
// Optionale Vignette über Karten-Hintergrundeffekten: dunkelt die Ränder
|
||||
// zur Surface-Farbe hin ab, damit darüberliegender Text lesbar bleibt.
|
||||
// `surface` muss die CSS-Farbe der Kartenfläche sein (popover/card/background),
|
||||
// damit die Kante optisch in die Karte übergeht.
|
||||
withDefaults(defineProps<{ surface?: string }>(), {
|
||||
surface: 'var(--color-popover)',
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div
|
||||
class="pointer-events-none absolute inset-0 rounded-[inherit]"
|
||||
:style="{ background: `radial-gradient(ellipse at center, transparent 25%, ${surface} 92%)` }"
|
||||
/>
|
||||
</template>
|
||||
Reference in New Issue
Block a user