Project, Web Technologies, Year 3, Semester 1
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.
|
|
|
|
<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>
|
