<script>
export let x=10;
export let y= 4;
</script>
<style>
.frame {
background-color: #5a3921;
margin-left: auto;
margin-right: auto;
margin-top: 10%;
-webkit-app-region: no-drag;
transform: rotateX(40deg) rotateX(80deg) rotateZ(40deg) scaleZ(10);
perspective: 20em;
}
.row {
display: flex;
}
.place {
padding: 30px 30px;
border-radius: 4px;
margin: 5px;
}
button {
background-color: #87431d;
border: none;
}
</style>
<div class="frame">
{#each Array(y) as _, i}
<div class="row">
{#each Array(x) as _, j}<button class="place" />{/each}
</div>
{/each}
</div>