1
0
Fork 0
mirror of https://github.com/dancojocaru2000/foxbank.git synced 2025-05-31 23:46:03 +03:00
foxbank/client/src/CardBG.svelte

23 lines
No EOL
544 B
Svelte

<script>
export let width = "inherit";
export let height = "inherit";
export let padding = true;
let clazz;
export {clazz as class}
</script>
<main class="rounded-x {padding ? "p-3" : ""} m-14 {clazz}" style="--width: {width}; --height: {height};">
<slot></slot>
</main>
<style>
main {
width: var(--width);
height: var(--height);
background: linear-gradient(165.31deg, rgba(67, 151, 141, 0.44) 18.49%, rgba(67, 151, 141, 0) 97.15%);
box-shadow: 0px 13px 6px 4px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(12px);
}
</style>