2023-04-27 16:17:08 +00:00
|
|
|
<div>
|
|
|
|
{#each Array.from({ length: standard }) as _, i (i)}
|
|
|
|
<img src="/icons/screen.svg" alt="screen" />
|
|
|
|
{/each}
|
|
|
|
{#each Array.from({ length: advanced }) as _, i (i)}
|
|
|
|
<img src="/icons/screen-advanced.svg" alt="advanced screen" />
|
|
|
|
{/each}
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export let standard = 0;
|
|
|
|
export let advanced = 0;
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style>
|
|
|
|
img {
|
2023-05-08 19:20:17 +00:00
|
|
|
width: 1.2rem;
|
|
|
|
margin: 0px 0.5rem;
|
2023-04-27 16:17:08 +00:00
|
|
|
}
|
|
|
|
div {
|
|
|
|
display: flex;
|
|
|
|
gap: 0.5em;
|
|
|
|
}
|
|
|
|
</style>
|