You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
23 lines
544 B
23 lines
544 B
<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> |