2021-11-14 17:35:37 +02:00
|
|
|
<script>
|
2021-11-16 23:30:26 +02:00
|
|
|
export let width = "inherit";
|
|
|
|
|
export let height = "inherit";
|
2021-11-22 00:33:30 +02:00
|
|
|
export let padding = true;
|
2021-11-14 19:07:05 +02:00
|
|
|
|
|
|
|
|
let clazz;
|
|
|
|
|
export {clazz as class}
|
2021-11-14 17:35:37 +02:00
|
|
|
</script>
|
|
|
|
|
|
2021-11-22 00:33:30 +02:00
|
|
|
<main class="rounded-x {padding ? "p-3" : ""} m-14 {clazz}" style="--width: {width}; --height: {height};">
|
2021-11-16 23:30:26 +02:00
|
|
|
<slot></slot>
|
2021-11-14 17:35:37 +02:00
|
|
|
</main>
|
|
|
|
|
|
|
|
|
|
<style>
|
2021-11-16 23:30:26 +02:00
|
|
|
main {
|
2021-11-14 17:35:37 +02:00
|
|
|
width: var(--width);
|
|
|
|
|
height: var(--height);
|
2021-11-14 19:07:05 +02:00
|
|
|
|
2021-11-14 17:35:37 +02:00
|
|
|
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>
|
